tailwindcss 3.0.12 → 3.0.16

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 (37) hide show
  1. package/CHANGELOG.md +38 -5
  2. package/lib/cli.js +8 -16
  3. package/lib/corePlugins.js +71 -139
  4. package/lib/featureFlags.js +1 -2
  5. package/lib/lib/expandTailwindAtRules.js +29 -13
  6. package/lib/lib/generateRules.js +8 -2
  7. package/lib/lib/normalizeTailwindDirectives.js +2 -1
  8. package/lib/lib/partitionApplyAtRules.js +53 -0
  9. package/lib/lib/setupContextUtils.js +56 -120
  10. package/{nesting → lib/postcss-plugins/nesting}/README.md +0 -0
  11. package/lib/postcss-plugins/nesting/index.js +17 -0
  12. package/lib/postcss-plugins/nesting/plugin.js +53 -0
  13. package/lib/processTailwindFeatures.js +2 -0
  14. package/lib/util/createPlugin.js +1 -2
  15. package/lib/util/createUtilityPlugin.js +4 -8
  16. package/lib/util/flattenColorPalette.js +1 -3
  17. package/lib/util/normalizeConfig.js +19 -16
  18. package/lib/util/normalizeScreens.js +2 -4
  19. package/lib/util/pluginUtils.js +5 -12
  20. package/lib/util/resolveConfig.js +9 -18
  21. package/lib/util/resolveConfigPath.js +1 -2
  22. package/lib/util/toColorValue.js +1 -2
  23. package/lib/util/transformThemeValue.js +4 -8
  24. package/nesting/index.js +2 -12
  25. package/package.json +10 -12
  26. package/peers/index.js +261 -231
  27. package/src/corePlugins.js +1 -0
  28. package/src/lib/expandTailwindAtRules.js +31 -6
  29. package/src/lib/generateRules.js +6 -0
  30. package/src/lib/normalizeTailwindDirectives.js +1 -0
  31. package/src/lib/partitionApplyAtRules.js +52 -0
  32. package/src/lib/setupContextUtils.js +7 -75
  33. package/src/postcss-plugins/nesting/README.md +42 -0
  34. package/src/postcss-plugins/nesting/index.js +13 -0
  35. package/{nesting → src/postcss-plugins/nesting}/plugin.js +7 -4
  36. package/src/processTailwindFeatures.js +2 -0
  37. package/src/util/normalizeConfig.js +12 -4
package/lib/corePlugins.js CHANGED
@@ -27,13 +27,11 @@ function _interopRequireWildcard(obj) {
27
27
  if (obj && obj.__esModule) {
28
28
  return obj;
29
29
  } else {
30
- var newObj = {
31
- };
30
+ var newObj = {};
32
31
  if (obj != null) {
33
32
  for(var key in obj){
34
33
  if (Object.prototype.hasOwnProperty.call(obj, key)) {
35
- var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
36
- };
34
+ var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {};
37
35
  if (desc.get || desc.set) {
38
36
  Object.defineProperty(newObj, key, desc);
39
37
  } else {
@@ -186,7 +184,8 @@ let variantPlugins = {
186
184
  mode = 'media';
187
185
  _log.default.warn('darkmode-false', [
188
186
  'The `darkMode` option in your Tailwind CSS configuration is set to `false`, which now behaves the same as `media`.',
189
- 'Change `darkMode` to `media` or remove it entirely.',
187
+ 'Change `darkMode` to `media` or remove it entirely.',
188
+ 'https://tailwindcss.com/docs/upgrade-guide#remove-dark-mode-configuration',
190
189
  ]);
191
190
  }
192
191
  if (mode === 'class') {
@@ -300,8 +299,7 @@ let corePlugins = {
300
299
  let paddingConfig = paddings.find((padding)=>padding.minWidth === minWidth
301
300
  );
302
301
  if (!paddingConfig) {
303
- return {
304
- };
302
+ return {};
305
303
  }
306
304
  return {
307
305
  paddingRight: paddingConfig.padding,
@@ -325,8 +323,7 @@ let corePlugins = {
325
323
  }, theme('container.center', false) ? {
326
324
  marginRight: 'auto',
327
325
  marginLeft: 'auto'
328
- } : {
329
- }, generatePaddingFor(0))
326
+ } : {}, generatePaddingFor(0))
330
327
  },
331
328
  ...atRules,
332
329
  ]);
@@ -808,8 +805,7 @@ let corePlugins = {
808
805
  [
809
806
  [
810
807
  '@defaults transform',
811
- {
812
- }
808
+ {}
813
809
  ],
814
810
  '--tw-translate-x',
815
811
  [
@@ -823,8 +819,7 @@ let corePlugins = {
823
819
  [
824
820
  [
825
821
  '@defaults transform',
826
- {
827
- }
822
+ {}
828
823
  ],
829
824
  '--tw-translate-y',
830
825
  [
@@ -843,8 +838,7 @@ let corePlugins = {
843
838
  [
844
839
  [
845
840
  '@defaults transform',
846
- {
847
- }
841
+ {}
848
842
  ],
849
843
  '--tw-rotate',
850
844
  [
@@ -863,8 +857,7 @@ let corePlugins = {
863
857
  [
864
858
  [
865
859
  '@defaults transform',
866
- {
867
- }
860
+ {}
868
861
  ],
869
862
  '--tw-skew-x',
870
863
  [
@@ -878,8 +871,7 @@ let corePlugins = {
878
871
  [
879
872
  [
880
873
  '@defaults transform',
881
- {
882
- }
874
+ {}
883
875
  ],
884
876
  '--tw-skew-y',
885
877
  [
@@ -898,8 +890,7 @@ let corePlugins = {
898
890
  [
899
891
  [
900
892
  '@defaults transform',
901
- {
902
- }
893
+ {}
903
894
  ],
904
895
  '--tw-scale-x',
905
896
  '--tw-scale-y',
@@ -915,8 +906,7 @@ let corePlugins = {
915
906
  [
916
907
  [
917
908
  '@defaults transform',
918
- {
919
- }
909
+ {}
920
910
  ],
921
911
  '--tw-scale-x',
922
912
  [
@@ -930,8 +920,7 @@ let corePlugins = {
930
920
  [
931
921
  [
932
922
  '@defaults transform',
933
- {
934
- }
923
+ {}
935
924
  ],
936
925
  '--tw-scale-y',
937
926
  [
@@ -956,8 +945,7 @@ let corePlugins = {
956
945
  });
957
946
  addUtilities({
958
947
  '.transform': {
959
- '@defaults transform': {
960
- },
948
+ '@defaults transform': {},
961
949
  transform: cssTransformValue
962
950
  },
963
951
  '.transform-cpu': {
@@ -975,8 +963,7 @@ let corePlugins = {
975
963
  let prefixName = (name)=>prefix(`.${name}`).slice(1)
976
964
  ;
977
965
  var ref;
978
- let keyframes = Object.fromEntries(Object.entries((ref = theme('keyframes')) !== null && ref !== void 0 ? ref : {
979
- }).map(([key, value])=>{
966
+ let keyframes = Object.fromEntries(Object.entries((ref = theme('keyframes')) !== null && ref !== void 0 ? ref : {}).map(([key, value])=>{
980
967
  return [
981
968
  key,
982
969
  {
@@ -1020,44 +1007,37 @@ let corePlugins = {
1020
1007
  'touch-action': 'none'
1021
1008
  },
1022
1009
  '.touch-pan-x': {
1023
- '@defaults touch-action': {
1024
- },
1010
+ '@defaults touch-action': {},
1025
1011
  '--tw-pan-x': 'pan-x',
1026
1012
  'touch-action': cssTouchActionValue
1027
1013
  },
1028
1014
  '.touch-pan-left': {
1029
- '@defaults touch-action': {
1030
- },
1015
+ '@defaults touch-action': {},
1031
1016
  '--tw-pan-x': 'pan-left',
1032
1017
  'touch-action': cssTouchActionValue
1033
1018
  },
1034
1019
  '.touch-pan-right': {
1035
- '@defaults touch-action': {
1036
- },
1020
+ '@defaults touch-action': {},
1037
1021
  '--tw-pan-x': 'pan-right',
1038
1022
  'touch-action': cssTouchActionValue
1039
1023
  },
1040
1024
  '.touch-pan-y': {
1041
- '@defaults touch-action': {
1042
- },
1025
+ '@defaults touch-action': {},
1043
1026
  '--tw-pan-y': 'pan-y',
1044
1027
  'touch-action': cssTouchActionValue
1045
1028
  },
1046
1029
  '.touch-pan-up': {
1047
- '@defaults touch-action': {
1048
- },
1030
+ '@defaults touch-action': {},
1049
1031
  '--tw-pan-y': 'pan-up',
1050
1032
  'touch-action': cssTouchActionValue
1051
1033
  },
1052
1034
  '.touch-pan-down': {
1053
- '@defaults touch-action': {
1054
- },
1035
+ '@defaults touch-action': {},
1055
1036
  '--tw-pan-y': 'pan-down',
1056
1037
  'touch-action': cssTouchActionValue
1057
1038
  },
1058
1039
  '.touch-pinch-zoom': {
1059
- '@defaults touch-action': {
1060
- },
1040
+ '@defaults touch-action': {},
1061
1041
  '--tw-pinch-zoom': 'pinch-zoom',
1062
1042
  'touch-action': cssTouchActionValue
1063
1043
  },
@@ -1107,18 +1087,15 @@ let corePlugins = {
1107
1087
  'scroll-snap-type': 'none'
1108
1088
  },
1109
1089
  '.snap-x': {
1110
- '@defaults scroll-snap-type': {
1111
- },
1090
+ '@defaults scroll-snap-type': {},
1112
1091
  'scroll-snap-type': 'x var(--tw-scroll-snap-strictness)'
1113
1092
  },
1114
1093
  '.snap-y': {
1115
- '@defaults scroll-snap-type': {
1116
- },
1094
+ '@defaults scroll-snap-type': {},
1117
1095
  'scroll-snap-type': 'y var(--tw-scroll-snap-strictness)'
1118
1096
  },
1119
1097
  '.snap-both': {
1120
- '@defaults scroll-snap-type': {
1121
- },
1098
+ '@defaults scroll-snap-type': {},
1122
1099
  'scroll-snap-type': 'both var(--tw-scroll-snap-strictness)'
1123
1100
  },
1124
1101
  '.snap-mandatory': {
@@ -1622,8 +1599,7 @@ let corePlugins = {
1622
1599
  value = value === '0' ? '0px' : value;
1623
1600
  return {
1624
1601
  '& > :not([hidden]) ~ :not([hidden])': {
1625
- '@defaults border-width': {
1626
- },
1602
+ '@defaults border-width': {},
1627
1603
  '--tw-divide-x-reverse': '0',
1628
1604
  'border-right-width': `calc(${value} * var(--tw-divide-x-reverse))`,
1629
1605
  'border-left-width': `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`
@@ -1634,8 +1610,7 @@ let corePlugins = {
1634
1610
  value = value === '0' ? '0px' : value;
1635
1611
  return {
1636
1612
  '& > :not([hidden]) ~ :not([hidden])': {
1637
- '@defaults border-width': {
1638
- },
1613
+ '@defaults border-width': {},
1639
1614
  '--tw-divide-y-reverse': '0',
1640
1615
  'border-top-width': `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
1641
1616
  'border-bottom-width': `calc(${value} * var(--tw-divide-y-reverse))`
@@ -1651,13 +1626,11 @@ let corePlugins = {
1651
1626
  });
1652
1627
  addUtilities({
1653
1628
  '.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
1654
- '@defaults border-width': {
1655
- },
1629
+ '@defaults border-width': {},
1656
1630
  '--tw-divide-y-reverse': '1'
1657
1631
  },
1658
1632
  '.divide-x-reverse > :not([hidden]) ~ :not([hidden])': {
1659
- '@defaults border-width': {
1660
- },
1633
+ '@defaults border-width': {},
1661
1634
  '--tw-divide-x-reverse': '1'
1662
1635
  }
1663
1636
  });
@@ -1989,8 +1962,7 @@ let corePlugins = {
1989
1962
  [
1990
1963
  [
1991
1964
  '@defaults border-width',
1992
- {
1993
- }
1965
+ {}
1994
1966
  ],
1995
1967
  'border-width'
1996
1968
  ]
@@ -2001,8 +1973,7 @@ let corePlugins = {
2001
1973
  [
2002
1974
  [
2003
1975
  '@defaults border-width',
2004
- {
2005
- }
1976
+ {}
2006
1977
  ],
2007
1978
  'border-left-width',
2008
1979
  'border-right-width'
@@ -2013,8 +1984,7 @@ let corePlugins = {
2013
1984
  [
2014
1985
  [
2015
1986
  '@defaults border-width',
2016
- {
2017
- }
1987
+ {}
2018
1988
  ],
2019
1989
  'border-top-width',
2020
1990
  'border-bottom-width'
@@ -2027,8 +1997,7 @@ let corePlugins = {
2027
1997
  [
2028
1998
  [
2029
1999
  '@defaults border-width',
2030
- {
2031
- }
2000
+ {}
2032
2001
  ],
2033
2002
  'border-top-width'
2034
2003
  ]
@@ -2038,8 +2007,7 @@ let corePlugins = {
2038
2007
  [
2039
2008
  [
2040
2009
  '@defaults border-width',
2041
- {
2042
- }
2010
+ {}
2043
2011
  ],
2044
2012
  'border-right-width'
2045
2013
  ]
@@ -2049,8 +2017,7 @@ let corePlugins = {
2049
2017
  [
2050
2018
  [
2051
2019
  '@defaults border-width',
2052
- {
2053
- }
2020
+ {}
2054
2021
  ],
2055
2022
  'border-bottom-width'
2056
2023
  ]
@@ -2060,8 +2027,7 @@ let corePlugins = {
2060
2027
  [
2061
2028
  [
2062
2029
  '@defaults border-width',
2063
- {
2064
- }
2030
+ {}
2065
2031
  ],
2066
2032
  'border-left-width'
2067
2033
  ]
@@ -2606,12 +2572,10 @@ let corePlugins = {
2606
2572
  };
2607
2573
  return {
2608
2574
  'font-size': fontSize,
2609
- ...lineHeight === undefined ? {
2610
- } : {
2575
+ ...lineHeight === undefined ? {} : {
2611
2576
  'line-height': lineHeight
2612
2577
  },
2613
- ...letterSpacing === undefined ? {
2614
- } : {
2578
+ ...letterSpacing === undefined ? {} : {
2615
2579
  'letter-spacing': letterSpacing
2616
2580
  }
2617
2581
  };
@@ -2679,50 +2643,42 @@ let corePlugins = {
2679
2643
  'font-variant-numeric': 'normal'
2680
2644
  },
2681
2645
  '.ordinal': {
2682
- '@defaults font-variant-numeric': {
2683
- },
2646
+ '@defaults font-variant-numeric': {},
2684
2647
  '--tw-ordinal': 'ordinal',
2685
2648
  'font-variant-numeric': cssFontVariantNumericValue
2686
2649
  },
2687
2650
  '.slashed-zero': {
2688
- '@defaults font-variant-numeric': {
2689
- },
2651
+ '@defaults font-variant-numeric': {},
2690
2652
  '--tw-slashed-zero': 'slashed-zero',
2691
2653
  'font-variant-numeric': cssFontVariantNumericValue
2692
2654
  },
2693
2655
  '.lining-nums': {
2694
- '@defaults font-variant-numeric': {
2695
- },
2656
+ '@defaults font-variant-numeric': {},
2696
2657
  '--tw-numeric-figure': 'lining-nums',
2697
2658
  'font-variant-numeric': cssFontVariantNumericValue
2698
2659
  },
2699
2660
  '.oldstyle-nums': {
2700
- '@defaults font-variant-numeric': {
2701
- },
2661
+ '@defaults font-variant-numeric': {},
2702
2662
  '--tw-numeric-figure': 'oldstyle-nums',
2703
2663
  'font-variant-numeric': cssFontVariantNumericValue
2704
2664
  },
2705
2665
  '.proportional-nums': {
2706
- '@defaults font-variant-numeric': {
2707
- },
2666
+ '@defaults font-variant-numeric': {},
2708
2667
  '--tw-numeric-spacing': 'proportional-nums',
2709
2668
  'font-variant-numeric': cssFontVariantNumericValue
2710
2669
  },
2711
2670
  '.tabular-nums': {
2712
- '@defaults font-variant-numeric': {
2713
- },
2671
+ '@defaults font-variant-numeric': {},
2714
2672
  '--tw-numeric-spacing': 'tabular-nums',
2715
2673
  'font-variant-numeric': cssFontVariantNumericValue
2716
2674
  },
2717
2675
  '.diagonal-fractions': {
2718
- '@defaults font-variant-numeric': {
2719
- },
2676
+ '@defaults font-variant-numeric': {},
2720
2677
  '--tw-numeric-fraction': 'diagonal-fractions',
2721
2678
  'font-variant-numeric': cssFontVariantNumericValue
2722
2679
  },
2723
2680
  '.stacked-fractions': {
2724
- '@defaults font-variant-numeric': {
2725
- },
2681
+ '@defaults font-variant-numeric': {},
2726
2682
  '--tw-numeric-fraction': 'stacked-fractions',
2727
2683
  'font-variant-numeric': cssFontVariantNumericValue
2728
2684
  }
@@ -3067,8 +3023,7 @@ let corePlugins = {
3067
3023
  shadow.color = 'var(--tw-shadow-color)';
3068
3024
  }
3069
3025
  return {
3070
- '@defaults box-shadow': {
3071
- },
3026
+ '@defaults box-shadow': {},
3072
3027
  '--tw-shadow': value === 'none' ? '0 0 #0000' : value,
3073
3028
  '--tw-shadow-colored': value === 'none' ? '0 0 #0000' : (0, _parseBoxShadowValue).formatBoxShadowValue(ast),
3074
3029
  'box-shadow': defaultBoxShadow
@@ -3178,8 +3133,7 @@ let corePlugins = {
3178
3133
  matchUtilities({
3179
3134
  ring: (value)=>{
3180
3135
  return {
3181
- '@defaults ring-width': {
3182
- },
3136
+ '@defaults ring-width': {},
3183
3137
  '--tw-ring-offset-shadow': `var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)`,
3184
3138
  '--tw-ring-shadow': `var(--tw-ring-inset) 0 0 0 calc(${value} + var(--tw-ring-offset-width)) var(--tw-ring-color)`,
3185
3139
  'box-shadow': [
@@ -3195,8 +3149,7 @@ let corePlugins = {
3195
3149
  });
3196
3150
  addUtilities({
3197
3151
  '.ring-inset': {
3198
- '@defaults ring-width': {
3199
- },
3152
+ '@defaults ring-width': {},
3200
3153
  '--tw-ring-inset': 'inset'
3201
3154
  }
3202
3155
  });
@@ -3253,8 +3206,7 @@ let corePlugins = {
3253
3206
  blur: (value)=>{
3254
3207
  return {
3255
3208
  '--tw-blur': `blur(${value})`,
3256
- '@defaults filter': {
3257
- },
3209
+ '@defaults filter': {},
3258
3210
  filter: cssFilterValue
3259
3211
  };
3260
3212
  }
@@ -3267,8 +3219,7 @@ let corePlugins = {
3267
3219
  brightness: (value)=>{
3268
3220
  return {
3269
3221
  '--tw-brightness': `brightness(${value})`,
3270
- '@defaults filter': {
3271
- },
3222
+ '@defaults filter': {},
3272
3223
  filter: cssFilterValue
3273
3224
  };
3274
3225
  }
@@ -3281,8 +3232,7 @@ let corePlugins = {
3281
3232
  contrast: (value)=>{
3282
3233
  return {
3283
3234
  '--tw-contrast': `contrast(${value})`,
3284
- '@defaults filter': {
3285
- },
3235
+ '@defaults filter': {},
3286
3236
  filter: cssFilterValue
3287
3237
  };
3288
3238
  }
@@ -3296,8 +3246,7 @@ let corePlugins = {
3296
3246
  return {
3297
3247
  '--tw-drop-shadow': Array.isArray(value) ? value.map((v)=>`drop-shadow(${v})`
3298
3248
  ).join(' ') : `drop-shadow(${value})`,
3299
- '@defaults filter': {
3300
- },
3249
+ '@defaults filter': {},
3301
3250
  filter: cssFilterValue
3302
3251
  };
3303
3252
  }
@@ -3310,8 +3259,7 @@ let corePlugins = {
3310
3259
  grayscale: (value)=>{
3311
3260
  return {
3312
3261
  '--tw-grayscale': `grayscale(${value})`,
3313
- '@defaults filter': {
3314
- },
3262
+ '@defaults filter': {},
3315
3263
  filter: cssFilterValue
3316
3264
  };
3317
3265
  }
@@ -3324,8 +3272,7 @@ let corePlugins = {
3324
3272
  'hue-rotate': (value)=>{
3325
3273
  return {
3326
3274
  '--tw-hue-rotate': `hue-rotate(${value})`,
3327
- '@defaults filter': {
3328
- },
3275
+ '@defaults filter': {},
3329
3276
  filter: cssFilterValue
3330
3277
  };
3331
3278
  }
@@ -3339,8 +3286,7 @@ let corePlugins = {
3339
3286
  invert: (value)=>{
3340
3287
  return {
3341
3288
  '--tw-invert': `invert(${value})`,
3342
- '@defaults filter': {
3343
- },
3289
+ '@defaults filter': {},
3344
3290
  filter: cssFilterValue
3345
3291
  };
3346
3292
  }
@@ -3353,8 +3299,7 @@ let corePlugins = {
3353
3299
  saturate: (value)=>{
3354
3300
  return {
3355
3301
  '--tw-saturate': `saturate(${value})`,
3356
- '@defaults filter': {
3357
- },
3302
+ '@defaults filter': {},
3358
3303
  filter: cssFilterValue
3359
3304
  };
3360
3305
  }
@@ -3367,8 +3312,7 @@ let corePlugins = {
3367
3312
  sepia: (value)=>{
3368
3313
  return {
3369
3314
  '--tw-sepia': `sepia(${value})`,
3370
- '@defaults filter': {
3371
- },
3315
+ '@defaults filter': {},
3372
3316
  filter: cssFilterValue
3373
3317
  };
3374
3318
  }
@@ -3390,8 +3334,7 @@ let corePlugins = {
3390
3334
  });
3391
3335
  addUtilities({
3392
3336
  '.filter': {
3393
- '@defaults filter': {
3394
- },
3337
+ '@defaults filter': {},
3395
3338
  filter: cssFilterValue
3396
3339
  },
3397
3340
  '.filter-none': {
@@ -3404,8 +3347,7 @@ let corePlugins = {
3404
3347
  'backdrop-blur': (value)=>{
3405
3348
  return {
3406
3349
  '--tw-backdrop-blur': `blur(${value})`,
3407
- '@defaults backdrop-filter': {
3408
- },
3350
+ '@defaults backdrop-filter': {},
3409
3351
  'backdrop-filter': cssBackdropFilterValue
3410
3352
  };
3411
3353
  }
@@ -3418,8 +3360,7 @@ let corePlugins = {
3418
3360
  'backdrop-brightness': (value)=>{
3419
3361
  return {
3420
3362
  '--tw-backdrop-brightness': `brightness(${value})`,
3421
- '@defaults backdrop-filter': {
3422
- },
3363
+ '@defaults backdrop-filter': {},
3423
3364
  'backdrop-filter': cssBackdropFilterValue
3424
3365
  };
3425
3366
  }
@@ -3432,8 +3373,7 @@ let corePlugins = {
3432
3373
  'backdrop-contrast': (value)=>{
3433
3374
  return {
3434
3375
  '--tw-backdrop-contrast': `contrast(${value})`,
3435
- '@defaults backdrop-filter': {
3436
- },
3376
+ '@defaults backdrop-filter': {},
3437
3377
  'backdrop-filter': cssBackdropFilterValue
3438
3378
  };
3439
3379
  }
@@ -3446,8 +3386,7 @@ let corePlugins = {
3446
3386
  'backdrop-grayscale': (value)=>{
3447
3387
  return {
3448
3388
  '--tw-backdrop-grayscale': `grayscale(${value})`,
3449
- '@defaults backdrop-filter': {
3450
- },
3389
+ '@defaults backdrop-filter': {},
3451
3390
  'backdrop-filter': cssBackdropFilterValue
3452
3391
  };
3453
3392
  }
@@ -3460,8 +3399,7 @@ let corePlugins = {
3460
3399
  'backdrop-hue-rotate': (value)=>{
3461
3400
  return {
3462
3401
  '--tw-backdrop-hue-rotate': `hue-rotate(${value})`,
3463
- '@defaults backdrop-filter': {
3464
- },
3402
+ '@defaults backdrop-filter': {},
3465
3403
  'backdrop-filter': cssBackdropFilterValue
3466
3404
  };
3467
3405
  }
@@ -3475,8 +3413,7 @@ let corePlugins = {
3475
3413
  'backdrop-invert': (value)=>{
3476
3414
  return {
3477
3415
  '--tw-backdrop-invert': `invert(${value})`,
3478
- '@defaults backdrop-filter': {
3479
- },
3416
+ '@defaults backdrop-filter': {},
3480
3417
  'backdrop-filter': cssBackdropFilterValue
3481
3418
  };
3482
3419
  }
@@ -3489,8 +3426,7 @@ let corePlugins = {
3489
3426
  'backdrop-opacity': (value)=>{
3490
3427
  return {
3491
3428
  '--tw-backdrop-opacity': `opacity(${value})`,
3492
- '@defaults backdrop-filter': {
3493
- },
3429
+ '@defaults backdrop-filter': {},
3494
3430
  'backdrop-filter': cssBackdropFilterValue
3495
3431
  };
3496
3432
  }
@@ -3503,8 +3439,7 @@ let corePlugins = {
3503
3439
  'backdrop-saturate': (value)=>{
3504
3440
  return {
3505
3441
  '--tw-backdrop-saturate': `saturate(${value})`,
3506
- '@defaults backdrop-filter': {
3507
- },
3442
+ '@defaults backdrop-filter': {},
3508
3443
  'backdrop-filter': cssBackdropFilterValue
3509
3444
  };
3510
3445
  }
@@ -3517,8 +3452,7 @@ let corePlugins = {
3517
3452
  'backdrop-sepia': (value)=>{
3518
3453
  return {
3519
3454
  '--tw-backdrop-sepia': `sepia(${value})`,
3520
- '@defaults backdrop-filter': {
3521
- },
3455
+ '@defaults backdrop-filter': {},
3522
3456
  'backdrop-filter': cssBackdropFilterValue
3523
3457
  };
3524
3458
  }
@@ -3540,8 +3474,7 @@ let corePlugins = {
3540
3474
  });
3541
3475
  addUtilities({
3542
3476
  '.backdrop-filter': {
3543
- '@defaults backdrop-filter': {
3544
- },
3477
+ '@defaults backdrop-filter': {},
3545
3478
  'backdrop-filter': cssBackdropFilterValue
3546
3479
  },
3547
3480
  '.backdrop-filter-none': {
@@ -3556,8 +3489,7 @@ let corePlugins = {
3556
3489
  transition: (value)=>{
3557
3490
  return {
3558
3491
  'transition-property': value,
3559
- ...value === 'none' ? {
3560
- } : {
3492
+ ...value === 'none' ? {} : {
3561
3493
  'transition-timing-function': defaultTimingFunction,
3562
3494
  'transition-duration': defaultDuration
3563
3495
  }
package/lib/featureFlags.js CHANGED
@@ -39,8 +39,7 @@ function experimentalFlagsEnabled(config) {
39
39
  return featureFlags.experimental;
40
40
  }
41
41
  var ref;
42
- return Object.keys((ref = config === null || config === void 0 ? void 0 : config.experimental) !== null && ref !== void 0 ? ref : {
43
- }).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]
42
+ return Object.keys((ref = config === null || config === void 0 ? void 0 : config.experimental) !== null && ref !== void 0 ? ref : {}).filter((flag)=>featureFlags.experimental.includes(flag) && config.experimental[flag]
44
43
  );
45
44
  }
46
45
  function issueFlagNotices(config) {