tailwindcss 3.0.11 → 3.0.12
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.
- package/CHANGELOG.md +18 -4
- package/lib/corePlugins.js +114 -142
- package/lib/css/preflight.css +1 -1
- package/lib/featureFlags.js +1 -3
- package/lib/lib/expandApplyAtRules.js +0 -40
- package/lib/lib/expandTailwindAtRules.js +3 -25
- package/lib/lib/resolveDefaultsAtRules.js +4 -4
- package/lib/lib/setupContextUtils.js +124 -68
- package/lib/processTailwindFeatures.js +1 -1
- package/lib/util/pluginUtils.js +1 -1
- package/package.json +3 -3
- package/peers/index.js +606 -606
- package/src/corePlugins.js +121 -155
- package/src/css/preflight.css +1 -1
- package/src/featureFlags.js +1 -5
- package/src/lib/expandApplyAtRules.js +0 -42
- package/src/lib/expandTailwindAtRules.js +3 -23
- package/src/lib/resolveDefaultsAtRules.js +5 -5
- package/src/lib/setupContextUtils.js +100 -18
- package/src/processTailwindFeatures.js +2 -1
- package/src/util/pluginUtils.js +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -9,13 +9,26 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
|
|
|
9
9
|
|
|
10
10
|
- Nothing yet!
|
|
11
11
|
|
|
12
|
+
## [3.0.12] - 2022-01-07
|
|
13
|
+
|
|
14
|
+
### Fixed
|
|
15
|
+
|
|
16
|
+
- Allow use of falsy values in theme config ([#6917](https://github.com/tailwindlabs/tailwindcss/pull/6917))
|
|
17
|
+
- Ensure we can apply classes that are grouped with non-class selectors ([#6922](https://github.com/tailwindlabs/tailwindcss/pull/6922))
|
|
18
|
+
- Improve standalone CLI compatibility on Linux by switching to the `linuxstatic` build target ([#6914](https://github.com/tailwindlabs/tailwindcss/pull/6914))
|
|
19
|
+
- Ensure `@apply` works consistently with or without `@layer` ([#6938](https://github.com/tailwindlabs/tailwindcss/pull/6938))
|
|
20
|
+
- Only emit defaults when using base layer ([#6906](https://github.com/tailwindlabs/tailwindcss/pull/6906))
|
|
21
|
+
- Emit plugin defaults regardless of usage ([#6906](https://github.com/tailwindlabs/tailwindcss/pull/6906))
|
|
22
|
+
- Move default border color back to preflight ([#6906](https://github.com/tailwindlabs/tailwindcss/pull/6906))
|
|
23
|
+
- Change `experimental.optimizeUniversalDefaults` to only work with `@tailwind base` ([#6906](https://github.com/tailwindlabs/tailwindcss/pull/6906))
|
|
24
|
+
|
|
12
25
|
## [3.0.11] - 2022-01-05
|
|
13
26
|
|
|
14
27
|
### Fixed
|
|
15
28
|
|
|
16
|
-
- Preserve
|
|
17
|
-
- Ignore content
|
|
18
|
-
- Revert
|
|
29
|
+
- Preserve casing of CSS variables added by plugins ([#6888](https://github.com/tailwindlabs/tailwindcss/pull/6888))
|
|
30
|
+
- Ignore content paths that are passed in but don't actually exist ([#6901](https://github.com/tailwindlabs/tailwindcss/pull/6901))
|
|
31
|
+
- Revert change that applies Tailwind's defaults in isolated environments like CSS modules ([9fdc391](https://github.com/tailwindlabs/tailwindcss/commit/9fdc391d4ff93e7e350f5ce439060176b1f0162f))
|
|
19
32
|
|
|
20
33
|
## [3.0.10] - 2022-01-04
|
|
21
34
|
|
|
@@ -1779,7 +1792,8 @@ No release notes
|
|
|
1779
1792
|
|
|
1780
1793
|
- Everything!
|
|
1781
1794
|
|
|
1782
|
-
[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.
|
|
1795
|
+
[unreleased]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.12...HEAD
|
|
1796
|
+
[3.0.12]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.11...v3.0.12
|
|
1783
1797
|
[3.0.11]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.10...v3.0.11
|
|
1784
1798
|
[3.0.10]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.9...v3.0.10
|
|
1785
1799
|
[3.0.9]: https://github.com/tailwindlabs/tailwindcss/compare/v3.0.8...v3.0.9
|
package/lib/corePlugins.js
CHANGED
|
@@ -210,6 +210,36 @@ let variantPlugins = {
|
|
|
210
210
|
}
|
|
211
211
|
};
|
|
212
212
|
exports.variantPlugins = variantPlugins;
|
|
213
|
+
let cssTransformValue = [
|
|
214
|
+
'translate(var(--tw-translate-x), var(--tw-translate-y))',
|
|
215
|
+
'rotate(var(--tw-rotate))',
|
|
216
|
+
'skewX(var(--tw-skew-x))',
|
|
217
|
+
'skewY(var(--tw-skew-y))',
|
|
218
|
+
'scaleX(var(--tw-scale-x))',
|
|
219
|
+
'scaleY(var(--tw-scale-y))',
|
|
220
|
+
].join(' ');
|
|
221
|
+
let cssFilterValue = [
|
|
222
|
+
'var(--tw-blur)',
|
|
223
|
+
'var(--tw-brightness)',
|
|
224
|
+
'var(--tw-contrast)',
|
|
225
|
+
'var(--tw-grayscale)',
|
|
226
|
+
'var(--tw-hue-rotate)',
|
|
227
|
+
'var(--tw-invert)',
|
|
228
|
+
'var(--tw-saturate)',
|
|
229
|
+
'var(--tw-sepia)',
|
|
230
|
+
'var(--tw-drop-shadow)',
|
|
231
|
+
].join(' ');
|
|
232
|
+
let cssBackdropFilterValue = [
|
|
233
|
+
'var(--tw-backdrop-blur)',
|
|
234
|
+
'var(--tw-backdrop-brightness)',
|
|
235
|
+
'var(--tw-backdrop-contrast)',
|
|
236
|
+
'var(--tw-backdrop-grayscale)',
|
|
237
|
+
'var(--tw-backdrop-hue-rotate)',
|
|
238
|
+
'var(--tw-backdrop-invert)',
|
|
239
|
+
'var(--tw-backdrop-opacity)',
|
|
240
|
+
'var(--tw-backdrop-saturate)',
|
|
241
|
+
'var(--tw-backdrop-sepia)',
|
|
242
|
+
].join(' ');
|
|
213
243
|
let corePlugins = {
|
|
214
244
|
preflight: ({ addBase })=>{
|
|
215
245
|
let preflightStyles = _postcss.default.parse(_fs.default.readFileSync(path.join(__dirname, './css/preflight.css'), 'utf8'));
|
|
@@ -784,7 +814,7 @@ let corePlugins = {
|
|
|
784
814
|
'--tw-translate-x',
|
|
785
815
|
[
|
|
786
816
|
'transform',
|
|
787
|
-
|
|
817
|
+
cssTransformValue
|
|
788
818
|
]
|
|
789
819
|
],
|
|
790
820
|
],
|
|
@@ -799,7 +829,7 @@ let corePlugins = {
|
|
|
799
829
|
'--tw-translate-y',
|
|
800
830
|
[
|
|
801
831
|
'transform',
|
|
802
|
-
|
|
832
|
+
cssTransformValue
|
|
803
833
|
]
|
|
804
834
|
],
|
|
805
835
|
],
|
|
@@ -819,10 +849,10 @@ let corePlugins = {
|
|
|
819
849
|
'--tw-rotate',
|
|
820
850
|
[
|
|
821
851
|
'transform',
|
|
822
|
-
|
|
852
|
+
cssTransformValue
|
|
823
853
|
]
|
|
824
|
-
]
|
|
825
|
-
]
|
|
854
|
+
]
|
|
855
|
+
]
|
|
826
856
|
], {
|
|
827
857
|
supportsNegativeValues: true
|
|
828
858
|
}),
|
|
@@ -839,9 +869,9 @@ let corePlugins = {
|
|
|
839
869
|
'--tw-skew-x',
|
|
840
870
|
[
|
|
841
871
|
'transform',
|
|
842
|
-
|
|
872
|
+
cssTransformValue
|
|
843
873
|
]
|
|
844
|
-
]
|
|
874
|
+
]
|
|
845
875
|
],
|
|
846
876
|
[
|
|
847
877
|
'skew-y',
|
|
@@ -854,9 +884,9 @@ let corePlugins = {
|
|
|
854
884
|
'--tw-skew-y',
|
|
855
885
|
[
|
|
856
886
|
'transform',
|
|
857
|
-
|
|
887
|
+
cssTransformValue
|
|
858
888
|
]
|
|
859
|
-
]
|
|
889
|
+
]
|
|
860
890
|
],
|
|
861
891
|
],
|
|
862
892
|
], {
|
|
@@ -875,7 +905,7 @@ let corePlugins = {
|
|
|
875
905
|
'--tw-scale-y',
|
|
876
906
|
[
|
|
877
907
|
'transform',
|
|
878
|
-
|
|
908
|
+
cssTransformValue
|
|
879
909
|
],
|
|
880
910
|
],
|
|
881
911
|
],
|
|
@@ -891,7 +921,7 @@ let corePlugins = {
|
|
|
891
921
|
'--tw-scale-x',
|
|
892
922
|
[
|
|
893
923
|
'transform',
|
|
894
|
-
|
|
924
|
+
cssTransformValue
|
|
895
925
|
]
|
|
896
926
|
],
|
|
897
927
|
],
|
|
@@ -906,7 +936,7 @@ let corePlugins = {
|
|
|
906
936
|
'--tw-scale-y',
|
|
907
937
|
[
|
|
908
938
|
'transform',
|
|
909
|
-
|
|
939
|
+
cssTransformValue
|
|
910
940
|
]
|
|
911
941
|
],
|
|
912
942
|
],
|
|
@@ -922,43 +952,19 @@ let corePlugins = {
|
|
|
922
952
|
'--tw-skew-x': '0',
|
|
923
953
|
'--tw-skew-y': '0',
|
|
924
954
|
'--tw-scale-x': '1',
|
|
925
|
-
'--tw-scale-y': '1'
|
|
926
|
-
'--tw-transform': [
|
|
927
|
-
'translateX(var(--tw-translate-x))',
|
|
928
|
-
'translateY(var(--tw-translate-y))',
|
|
929
|
-
'rotate(var(--tw-rotate))',
|
|
930
|
-
'skewX(var(--tw-skew-x))',
|
|
931
|
-
'skewY(var(--tw-skew-y))',
|
|
932
|
-
'scaleX(var(--tw-scale-x))',
|
|
933
|
-
'scaleY(var(--tw-scale-y))',
|
|
934
|
-
].join(' ')
|
|
955
|
+
'--tw-scale-y': '1'
|
|
935
956
|
});
|
|
936
957
|
addUtilities({
|
|
937
958
|
'.transform': {
|
|
938
959
|
'@defaults transform': {
|
|
939
960
|
},
|
|
940
|
-
transform:
|
|
961
|
+
transform: cssTransformValue
|
|
941
962
|
},
|
|
942
963
|
'.transform-cpu': {
|
|
943
|
-
|
|
944
|
-
'translateX(var(--tw-translate-x))',
|
|
945
|
-
'translateY(var(--tw-translate-y))',
|
|
946
|
-
'rotate(var(--tw-rotate))',
|
|
947
|
-
'skewX(var(--tw-skew-x))',
|
|
948
|
-
'skewY(var(--tw-skew-y))',
|
|
949
|
-
'scaleX(var(--tw-scale-x))',
|
|
950
|
-
'scaleY(var(--tw-scale-y))',
|
|
951
|
-
].join(' ')
|
|
964
|
+
transform: cssTransformValue
|
|
952
965
|
},
|
|
953
966
|
'.transform-gpu': {
|
|
954
|
-
'--tw-
|
|
955
|
-
'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)',
|
|
956
|
-
'rotate(var(--tw-rotate))',
|
|
957
|
-
'skewX(var(--tw-skew-x))',
|
|
958
|
-
'skewY(var(--tw-skew-y))',
|
|
959
|
-
'scaleX(var(--tw-scale-x))',
|
|
960
|
-
'scaleY(var(--tw-scale-y))',
|
|
961
|
-
].join(' ')
|
|
967
|
+
transform: cssTransformValue.replace('translate(var(--tw-translate-x), var(--tw-translate-y))', 'translate3d(var(--tw-translate-x), var(--tw-translate-y), 0)')
|
|
962
968
|
},
|
|
963
969
|
'.transform-none': {
|
|
964
970
|
transform: 'none'
|
|
@@ -1001,11 +1007,11 @@ let corePlugins = {
|
|
|
1001
1007
|
cursor: (0, _createUtilityPlugin).default('cursor'),
|
|
1002
1008
|
touchAction: ({ addDefaults , addUtilities })=>{
|
|
1003
1009
|
addDefaults('touch-action', {
|
|
1004
|
-
'--tw-pan-x': '
|
|
1005
|
-
'--tw-pan-y': '
|
|
1006
|
-
'--tw-pinch-zoom': '
|
|
1007
|
-
'--tw-touch-action': 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)'
|
|
1010
|
+
'--tw-pan-x': ' ',
|
|
1011
|
+
'--tw-pan-y': ' ',
|
|
1012
|
+
'--tw-pinch-zoom': ' '
|
|
1008
1013
|
});
|
|
1014
|
+
let cssTouchActionValue = 'var(--tw-pan-x) var(--tw-pan-y) var(--tw-pinch-zoom)';
|
|
1009
1015
|
addUtilities({
|
|
1010
1016
|
'.touch-auto': {
|
|
1011
1017
|
'touch-action': 'auto'
|
|
@@ -1017,43 +1023,43 @@ let corePlugins = {
|
|
|
1017
1023
|
'@defaults touch-action': {
|
|
1018
1024
|
},
|
|
1019
1025
|
'--tw-pan-x': 'pan-x',
|
|
1020
|
-
'touch-action':
|
|
1026
|
+
'touch-action': cssTouchActionValue
|
|
1021
1027
|
},
|
|
1022
1028
|
'.touch-pan-left': {
|
|
1023
1029
|
'@defaults touch-action': {
|
|
1024
1030
|
},
|
|
1025
1031
|
'--tw-pan-x': 'pan-left',
|
|
1026
|
-
'touch-action':
|
|
1032
|
+
'touch-action': cssTouchActionValue
|
|
1027
1033
|
},
|
|
1028
1034
|
'.touch-pan-right': {
|
|
1029
1035
|
'@defaults touch-action': {
|
|
1030
1036
|
},
|
|
1031
1037
|
'--tw-pan-x': 'pan-right',
|
|
1032
|
-
'touch-action':
|
|
1038
|
+
'touch-action': cssTouchActionValue
|
|
1033
1039
|
},
|
|
1034
1040
|
'.touch-pan-y': {
|
|
1035
1041
|
'@defaults touch-action': {
|
|
1036
1042
|
},
|
|
1037
1043
|
'--tw-pan-y': 'pan-y',
|
|
1038
|
-
'touch-action':
|
|
1044
|
+
'touch-action': cssTouchActionValue
|
|
1039
1045
|
},
|
|
1040
1046
|
'.touch-pan-up': {
|
|
1041
1047
|
'@defaults touch-action': {
|
|
1042
1048
|
},
|
|
1043
1049
|
'--tw-pan-y': 'pan-up',
|
|
1044
|
-
'touch-action':
|
|
1050
|
+
'touch-action': cssTouchActionValue
|
|
1045
1051
|
},
|
|
1046
1052
|
'.touch-pan-down': {
|
|
1047
1053
|
'@defaults touch-action': {
|
|
1048
1054
|
},
|
|
1049
1055
|
'--tw-pan-y': 'pan-down',
|
|
1050
|
-
'touch-action':
|
|
1056
|
+
'touch-action': cssTouchActionValue
|
|
1051
1057
|
},
|
|
1052
1058
|
'.touch-pinch-zoom': {
|
|
1053
1059
|
'@defaults touch-action': {
|
|
1054
1060
|
},
|
|
1055
1061
|
'--tw-pinch-zoom': 'pinch-zoom',
|
|
1056
|
-
'touch-action':
|
|
1062
|
+
'touch-action': cssTouchActionValue
|
|
1057
1063
|
},
|
|
1058
1064
|
'.touch-manipulation': {
|
|
1059
1065
|
'touch-action': 'manipulation'
|
|
@@ -2089,19 +2095,7 @@ let corePlugins = {
|
|
|
2089
2095
|
}
|
|
2090
2096
|
});
|
|
2091
2097
|
},
|
|
2092
|
-
borderColor: ({
|
|
2093
|
-
if (!corePlugins2('borderOpacity')) {
|
|
2094
|
-
let value = theme('borderColor.DEFAULT', 'currentColor');
|
|
2095
|
-
addDefaults('border-width', {
|
|
2096
|
-
'border-color': (0, _toColorValue).default(value)
|
|
2097
|
-
});
|
|
2098
|
-
} else {
|
|
2099
|
-
addDefaults('border-width', (0, _withAlphaVariable).default({
|
|
2100
|
-
color: theme('borderColor.DEFAULT', 'currentColor'),
|
|
2101
|
-
property: 'border-color',
|
|
2102
|
-
variable: '--tw-border-opacity'
|
|
2103
|
-
}));
|
|
2104
|
-
}
|
|
2098
|
+
borderColor: ({ matchUtilities , theme , corePlugins: corePlugins2 })=>{
|
|
2105
2099
|
matchUtilities({
|
|
2106
2100
|
border: (value)=>{
|
|
2107
2101
|
if (!corePlugins2('borderOpacity')) {
|
|
@@ -2671,16 +2665,16 @@ let corePlugins = {
|
|
|
2671
2665
|
}
|
|
2672
2666
|
});
|
|
2673
2667
|
},
|
|
2674
|
-
fontVariantNumeric: ({ addUtilities })=>{
|
|
2668
|
+
fontVariantNumeric: ({ addDefaults , addUtilities })=>{
|
|
2669
|
+
let cssFontVariantNumericValue = 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)';
|
|
2670
|
+
addDefaults('font-variant-numeric', {
|
|
2671
|
+
'--tw-ordinal': ' ',
|
|
2672
|
+
'--tw-slashed-zero': ' ',
|
|
2673
|
+
'--tw-numeric-figure': ' ',
|
|
2674
|
+
'--tw-numeric-spacing': ' ',
|
|
2675
|
+
'--tw-numeric-fraction': ' '
|
|
2676
|
+
});
|
|
2675
2677
|
addUtilities({
|
|
2676
|
-
'@defaults font-variant-numeric': {
|
|
2677
|
-
'--tw-ordinal': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2678
|
-
'--tw-slashed-zero': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2679
|
-
'--tw-numeric-figure': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2680
|
-
'--tw-numeric-spacing': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2681
|
-
'--tw-numeric-fraction': 'var(--tw-empty,/*!*/ /*!*/)',
|
|
2682
|
-
'--tw-font-variant-numeric': 'var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)'
|
|
2683
|
-
},
|
|
2684
2678
|
'.normal-nums': {
|
|
2685
2679
|
'font-variant-numeric': 'normal'
|
|
2686
2680
|
},
|
|
@@ -2688,49 +2682,49 @@ let corePlugins = {
|
|
|
2688
2682
|
'@defaults font-variant-numeric': {
|
|
2689
2683
|
},
|
|
2690
2684
|
'--tw-ordinal': 'ordinal',
|
|
2691
|
-
'font-variant-numeric':
|
|
2685
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2692
2686
|
},
|
|
2693
2687
|
'.slashed-zero': {
|
|
2694
2688
|
'@defaults font-variant-numeric': {
|
|
2695
2689
|
},
|
|
2696
2690
|
'--tw-slashed-zero': 'slashed-zero',
|
|
2697
|
-
'font-variant-numeric':
|
|
2691
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2698
2692
|
},
|
|
2699
2693
|
'.lining-nums': {
|
|
2700
2694
|
'@defaults font-variant-numeric': {
|
|
2701
2695
|
},
|
|
2702
2696
|
'--tw-numeric-figure': 'lining-nums',
|
|
2703
|
-
'font-variant-numeric':
|
|
2697
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2704
2698
|
},
|
|
2705
2699
|
'.oldstyle-nums': {
|
|
2706
2700
|
'@defaults font-variant-numeric': {
|
|
2707
2701
|
},
|
|
2708
2702
|
'--tw-numeric-figure': 'oldstyle-nums',
|
|
2709
|
-
'font-variant-numeric':
|
|
2703
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2710
2704
|
},
|
|
2711
2705
|
'.proportional-nums': {
|
|
2712
2706
|
'@defaults font-variant-numeric': {
|
|
2713
2707
|
},
|
|
2714
2708
|
'--tw-numeric-spacing': 'proportional-nums',
|
|
2715
|
-
'font-variant-numeric':
|
|
2709
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2716
2710
|
},
|
|
2717
2711
|
'.tabular-nums': {
|
|
2718
2712
|
'@defaults font-variant-numeric': {
|
|
2719
2713
|
},
|
|
2720
2714
|
'--tw-numeric-spacing': 'tabular-nums',
|
|
2721
|
-
'font-variant-numeric':
|
|
2715
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2722
2716
|
},
|
|
2723
2717
|
'.diagonal-fractions': {
|
|
2724
2718
|
'@defaults font-variant-numeric': {
|
|
2725
2719
|
},
|
|
2726
2720
|
'--tw-numeric-fraction': 'diagonal-fractions',
|
|
2727
|
-
'font-variant-numeric':
|
|
2721
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2728
2722
|
},
|
|
2729
2723
|
'.stacked-fractions': {
|
|
2730
2724
|
'@defaults font-variant-numeric': {
|
|
2731
2725
|
},
|
|
2732
2726
|
'--tw-numeric-fraction': 'stacked-fractions',
|
|
2733
|
-
'font-variant-numeric':
|
|
2727
|
+
'font-variant-numeric': cssFontVariantNumericValue
|
|
2734
2728
|
}
|
|
2735
2729
|
});
|
|
2736
2730
|
},
|
|
@@ -3172,7 +3166,7 @@ let corePlugins = {
|
|
|
3172
3166
|
let ringOpacityDefault = theme('ringOpacity.DEFAULT', '0.5');
|
|
3173
3167
|
let ringColorDefault = (0, _withAlphaVariable).withAlphaValue(theme('ringColor.DEFAULT'), ringOpacityDefault, `rgb(147 197 253 / ${ringOpacityDefault})`);
|
|
3174
3168
|
addDefaults('ring-width', {
|
|
3175
|
-
'--tw-ring-inset': '
|
|
3169
|
+
'--tw-ring-inset': ' ',
|
|
3176
3170
|
'--tw-ring-offset-width': theme('ringOffsetWidth.DEFAULT', '0px'),
|
|
3177
3171
|
'--tw-ring-offset-color': theme('ringOffsetColor.DEFAULT', '#fff'),
|
|
3178
3172
|
'--tw-ring-color': ringColorDefault,
|
|
@@ -3261,7 +3255,7 @@ let corePlugins = {
|
|
|
3261
3255
|
'--tw-blur': `blur(${value})`,
|
|
3262
3256
|
'@defaults filter': {
|
|
3263
3257
|
},
|
|
3264
|
-
filter:
|
|
3258
|
+
filter: cssFilterValue
|
|
3265
3259
|
};
|
|
3266
3260
|
}
|
|
3267
3261
|
}, {
|
|
@@ -3275,7 +3269,7 @@ let corePlugins = {
|
|
|
3275
3269
|
'--tw-brightness': `brightness(${value})`,
|
|
3276
3270
|
'@defaults filter': {
|
|
3277
3271
|
},
|
|
3278
|
-
filter:
|
|
3272
|
+
filter: cssFilterValue
|
|
3279
3273
|
};
|
|
3280
3274
|
}
|
|
3281
3275
|
}, {
|
|
@@ -3289,7 +3283,7 @@ let corePlugins = {
|
|
|
3289
3283
|
'--tw-contrast': `contrast(${value})`,
|
|
3290
3284
|
'@defaults filter': {
|
|
3291
3285
|
},
|
|
3292
|
-
filter:
|
|
3286
|
+
filter: cssFilterValue
|
|
3293
3287
|
};
|
|
3294
3288
|
}
|
|
3295
3289
|
}, {
|
|
@@ -3304,7 +3298,7 @@ let corePlugins = {
|
|
|
3304
3298
|
).join(' ') : `drop-shadow(${value})`,
|
|
3305
3299
|
'@defaults filter': {
|
|
3306
3300
|
},
|
|
3307
|
-
filter:
|
|
3301
|
+
filter: cssFilterValue
|
|
3308
3302
|
};
|
|
3309
3303
|
}
|
|
3310
3304
|
}, {
|
|
@@ -3318,7 +3312,7 @@ let corePlugins = {
|
|
|
3318
3312
|
'--tw-grayscale': `grayscale(${value})`,
|
|
3319
3313
|
'@defaults filter': {
|
|
3320
3314
|
},
|
|
3321
|
-
filter:
|
|
3315
|
+
filter: cssFilterValue
|
|
3322
3316
|
};
|
|
3323
3317
|
}
|
|
3324
3318
|
}, {
|
|
@@ -3332,7 +3326,7 @@ let corePlugins = {
|
|
|
3332
3326
|
'--tw-hue-rotate': `hue-rotate(${value})`,
|
|
3333
3327
|
'@defaults filter': {
|
|
3334
3328
|
},
|
|
3335
|
-
filter:
|
|
3329
|
+
filter: cssFilterValue
|
|
3336
3330
|
};
|
|
3337
3331
|
}
|
|
3338
3332
|
}, {
|
|
@@ -3347,7 +3341,7 @@ let corePlugins = {
|
|
|
3347
3341
|
'--tw-invert': `invert(${value})`,
|
|
3348
3342
|
'@defaults filter': {
|
|
3349
3343
|
},
|
|
3350
|
-
filter:
|
|
3344
|
+
filter: cssFilterValue
|
|
3351
3345
|
};
|
|
3352
3346
|
}
|
|
3353
3347
|
}, {
|
|
@@ -3361,7 +3355,7 @@ let corePlugins = {
|
|
|
3361
3355
|
'--tw-saturate': `saturate(${value})`,
|
|
3362
3356
|
'@defaults filter': {
|
|
3363
3357
|
},
|
|
3364
|
-
filter:
|
|
3358
|
+
filter: cssFilterValue
|
|
3365
3359
|
};
|
|
3366
3360
|
}
|
|
3367
3361
|
}, {
|
|
@@ -3375,7 +3369,7 @@ let corePlugins = {
|
|
|
3375
3369
|
'--tw-sepia': `sepia(${value})`,
|
|
3376
3370
|
'@defaults filter': {
|
|
3377
3371
|
},
|
|
3378
|
-
filter:
|
|
3372
|
+
filter: cssFilterValue
|
|
3379
3373
|
};
|
|
3380
3374
|
}
|
|
3381
3375
|
}, {
|
|
@@ -3384,32 +3378,21 @@ let corePlugins = {
|
|
|
3384
3378
|
},
|
|
3385
3379
|
filter: ({ addDefaults , addUtilities })=>{
|
|
3386
3380
|
addDefaults('filter', {
|
|
3387
|
-
'--tw-blur': '
|
|
3388
|
-
'--tw-brightness': '
|
|
3389
|
-
'--tw-contrast': '
|
|
3390
|
-
'--tw-grayscale': '
|
|
3391
|
-
'--tw-hue-rotate': '
|
|
3392
|
-
'--tw-invert': '
|
|
3393
|
-
'--tw-saturate': '
|
|
3394
|
-
'--tw-sepia': '
|
|
3395
|
-
'--tw-drop-shadow': '
|
|
3396
|
-
'--tw-filter': [
|
|
3397
|
-
'var(--tw-blur)',
|
|
3398
|
-
'var(--tw-brightness)',
|
|
3399
|
-
'var(--tw-contrast)',
|
|
3400
|
-
'var(--tw-grayscale)',
|
|
3401
|
-
'var(--tw-hue-rotate)',
|
|
3402
|
-
'var(--tw-invert)',
|
|
3403
|
-
'var(--tw-saturate)',
|
|
3404
|
-
'var(--tw-sepia)',
|
|
3405
|
-
'var(--tw-drop-shadow)',
|
|
3406
|
-
].join(' ')
|
|
3381
|
+
'--tw-blur': ' ',
|
|
3382
|
+
'--tw-brightness': ' ',
|
|
3383
|
+
'--tw-contrast': ' ',
|
|
3384
|
+
'--tw-grayscale': ' ',
|
|
3385
|
+
'--tw-hue-rotate': ' ',
|
|
3386
|
+
'--tw-invert': ' ',
|
|
3387
|
+
'--tw-saturate': ' ',
|
|
3388
|
+
'--tw-sepia': ' ',
|
|
3389
|
+
'--tw-drop-shadow': ' '
|
|
3407
3390
|
});
|
|
3408
3391
|
addUtilities({
|
|
3409
3392
|
'.filter': {
|
|
3410
3393
|
'@defaults filter': {
|
|
3411
3394
|
},
|
|
3412
|
-
filter:
|
|
3395
|
+
filter: cssFilterValue
|
|
3413
3396
|
},
|
|
3414
3397
|
'.filter-none': {
|
|
3415
3398
|
filter: 'none'
|
|
@@ -3423,7 +3406,7 @@ let corePlugins = {
|
|
|
3423
3406
|
'--tw-backdrop-blur': `blur(${value})`,
|
|
3424
3407
|
'@defaults backdrop-filter': {
|
|
3425
3408
|
},
|
|
3426
|
-
'backdrop-filter':
|
|
3409
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3427
3410
|
};
|
|
3428
3411
|
}
|
|
3429
3412
|
}, {
|
|
@@ -3437,7 +3420,7 @@ let corePlugins = {
|
|
|
3437
3420
|
'--tw-backdrop-brightness': `brightness(${value})`,
|
|
3438
3421
|
'@defaults backdrop-filter': {
|
|
3439
3422
|
},
|
|
3440
|
-
'backdrop-filter':
|
|
3423
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3441
3424
|
};
|
|
3442
3425
|
}
|
|
3443
3426
|
}, {
|
|
@@ -3451,7 +3434,7 @@ let corePlugins = {
|
|
|
3451
3434
|
'--tw-backdrop-contrast': `contrast(${value})`,
|
|
3452
3435
|
'@defaults backdrop-filter': {
|
|
3453
3436
|
},
|
|
3454
|
-
'backdrop-filter':
|
|
3437
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3455
3438
|
};
|
|
3456
3439
|
}
|
|
3457
3440
|
}, {
|
|
@@ -3465,7 +3448,7 @@ let corePlugins = {
|
|
|
3465
3448
|
'--tw-backdrop-grayscale': `grayscale(${value})`,
|
|
3466
3449
|
'@defaults backdrop-filter': {
|
|
3467
3450
|
},
|
|
3468
|
-
'backdrop-filter':
|
|
3451
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3469
3452
|
};
|
|
3470
3453
|
}
|
|
3471
3454
|
}, {
|
|
@@ -3479,7 +3462,7 @@ let corePlugins = {
|
|
|
3479
3462
|
'--tw-backdrop-hue-rotate': `hue-rotate(${value})`,
|
|
3480
3463
|
'@defaults backdrop-filter': {
|
|
3481
3464
|
},
|
|
3482
|
-
'backdrop-filter':
|
|
3465
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3483
3466
|
};
|
|
3484
3467
|
}
|
|
3485
3468
|
}, {
|
|
@@ -3494,7 +3477,7 @@ let corePlugins = {
|
|
|
3494
3477
|
'--tw-backdrop-invert': `invert(${value})`,
|
|
3495
3478
|
'@defaults backdrop-filter': {
|
|
3496
3479
|
},
|
|
3497
|
-
'backdrop-filter':
|
|
3480
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3498
3481
|
};
|
|
3499
3482
|
}
|
|
3500
3483
|
}, {
|
|
@@ -3508,7 +3491,7 @@ let corePlugins = {
|
|
|
3508
3491
|
'--tw-backdrop-opacity': `opacity(${value})`,
|
|
3509
3492
|
'@defaults backdrop-filter': {
|
|
3510
3493
|
},
|
|
3511
|
-
'backdrop-filter':
|
|
3494
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3512
3495
|
};
|
|
3513
3496
|
}
|
|
3514
3497
|
}, {
|
|
@@ -3522,7 +3505,7 @@ let corePlugins = {
|
|
|
3522
3505
|
'--tw-backdrop-saturate': `saturate(${value})`,
|
|
3523
3506
|
'@defaults backdrop-filter': {
|
|
3524
3507
|
},
|
|
3525
|
-
'backdrop-filter':
|
|
3508
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3526
3509
|
};
|
|
3527
3510
|
}
|
|
3528
3511
|
}, {
|
|
@@ -3536,7 +3519,7 @@ let corePlugins = {
|
|
|
3536
3519
|
'--tw-backdrop-sepia': `sepia(${value})`,
|
|
3537
3520
|
'@defaults backdrop-filter': {
|
|
3538
3521
|
},
|
|
3539
|
-
'backdrop-filter':
|
|
3522
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3540
3523
|
};
|
|
3541
3524
|
}
|
|
3542
3525
|
}, {
|
|
@@ -3545,32 +3528,21 @@ let corePlugins = {
|
|
|
3545
3528
|
},
|
|
3546
3529
|
backdropFilter: ({ addDefaults , addUtilities })=>{
|
|
3547
3530
|
addDefaults('backdrop-filter', {
|
|
3548
|
-
'--tw-backdrop-blur': '
|
|
3549
|
-
'--tw-backdrop-brightness': '
|
|
3550
|
-
'--tw-backdrop-contrast': '
|
|
3551
|
-
'--tw-backdrop-grayscale': '
|
|
3552
|
-
'--tw-backdrop-hue-rotate': '
|
|
3553
|
-
'--tw-backdrop-invert': '
|
|
3554
|
-
'--tw-backdrop-opacity': '
|
|
3555
|
-
'--tw-backdrop-saturate': '
|
|
3556
|
-
'--tw-backdrop-sepia': '
|
|
3557
|
-
'--tw-backdrop-filter': [
|
|
3558
|
-
'var(--tw-backdrop-blur)',
|
|
3559
|
-
'var(--tw-backdrop-brightness)',
|
|
3560
|
-
'var(--tw-backdrop-contrast)',
|
|
3561
|
-
'var(--tw-backdrop-grayscale)',
|
|
3562
|
-
'var(--tw-backdrop-hue-rotate)',
|
|
3563
|
-
'var(--tw-backdrop-invert)',
|
|
3564
|
-
'var(--tw-backdrop-opacity)',
|
|
3565
|
-
'var(--tw-backdrop-saturate)',
|
|
3566
|
-
'var(--tw-backdrop-sepia)',
|
|
3567
|
-
].join(' ')
|
|
3531
|
+
'--tw-backdrop-blur': ' ',
|
|
3532
|
+
'--tw-backdrop-brightness': ' ',
|
|
3533
|
+
'--tw-backdrop-contrast': ' ',
|
|
3534
|
+
'--tw-backdrop-grayscale': ' ',
|
|
3535
|
+
'--tw-backdrop-hue-rotate': ' ',
|
|
3536
|
+
'--tw-backdrop-invert': ' ',
|
|
3537
|
+
'--tw-backdrop-opacity': ' ',
|
|
3538
|
+
'--tw-backdrop-saturate': ' ',
|
|
3539
|
+
'--tw-backdrop-sepia': ' '
|
|
3568
3540
|
});
|
|
3569
3541
|
addUtilities({
|
|
3570
3542
|
'.backdrop-filter': {
|
|
3571
3543
|
'@defaults backdrop-filter': {
|
|
3572
3544
|
},
|
|
3573
|
-
'backdrop-filter':
|
|
3545
|
+
'backdrop-filter': cssBackdropFilterValue
|
|
3574
3546
|
},
|
|
3575
3547
|
'.backdrop-filter-none': {
|
|
3576
3548
|
'backdrop-filter': 'none'
|
package/lib/css/preflight.css
CHANGED
package/lib/featureFlags.js
CHANGED
|
@@ -13,9 +13,7 @@ function _interopRequireDefault(obj) {
|
|
|
13
13
|
};
|
|
14
14
|
}
|
|
15
15
|
let defaults = {
|
|
16
|
-
|
|
17
|
-
// the default.
|
|
18
|
-
optimizeUniversalDefaults: process.env.NODE_ENV === 'test' ? true : false
|
|
16
|
+
optimizeUniversalDefaults: false
|
|
19
17
|
};
|
|
20
18
|
let featureFlags = {
|
|
21
19
|
future: [],
|