Sort plugins more intentionally

Author: adamwathan

src/corePlugins/index.js

@@ -135,16 +135,16 @@ module.exports = {
     }
   },
 
-  // Sorted
   // Base
   preflight: require('./preflight'),
 
   // Components
   container: require('./container'),
 
   // Utilitiles
-  // External
   accessibility: require('./accessibility'),
+  pointerEvents: require('./pointerEvents'),
+  visibility: require('./visibility'),
   position: require('./position'),
   inset: require('./inset'),
   zIndex: require('./zIndex'),
@@ -155,6 +155,8 @@ module.exports = {
   gridRow: require('./gridRow'),
   gridRowEnd: require('./gridRowEnd'),
   gridRowStart: require('./gridRowStart'),
+  float: require('./float'),
+  clear: require('./clear'),
   margin: require('./margin'),
   boxSizing: require('./boxSizing'),
   display: require('./display'),
@@ -165,8 +167,27 @@ module.exports = {
   minWidth: require('./minWidth'),
   maxWidth: require('./maxWidth'),
   flex: require('./flex'),
+  flexShrink: require('./flexShrink'),
+  flexGrow: require('./flexGrow'),
+  tableLayout: require('./tableLayout'),
+  borderCollapse: require('./borderCollapse'),
+
+  transform: require('./transform'),
+  transformOrigin: require('./transformOrigin'),
+  translate: require('./translate'),
+  rotate: require('./rotate'),
+  skew: require('./skew'),
+  scale: require('./scale'),
+
+  animation: require('./animation'),
+
+  cursor: require('./cursor'),
+  userSelect: require('./userSelect'),
+  resize: require('./resize'),
+
+  listStylePosition: require('./listStylePosition'),
+  listStyleType: require('./listStyleType'),
 
-  // Internal
   appearance: require('./appearance'),
   gridAutoColumns: require('./gridAutoColumns'),
   gridAutoFlow: require('./gridAutoFlow'),
@@ -175,94 +196,82 @@ module.exports = {
   gridTemplateRows: require('./gridTemplateRows'),
   flexDirection: require('./flexDirection'),
   flexWrap: require('./flexWrap'),
-  flexShrink: require('./flexShrink'),
-  flexGrow: require('./flexGrow'),
+  placeContent: require('./placeContent'),
   placeItems: require('./placeItems'),
-  placeSelf: require('./placeSelf'),
   alignContent: require('./alignContent'),
   alignItems: require('./alignItems'),
-  alignSelf: require('./alignSelf'),
   justifyContent: require('./justifyContent'),
   justifyItems: require('./justifyItems'),
+  gap: require('./gap'),
+  space: require('./space'),
+  divideWidth: require('./divideWidth'),
+  divideStyle: require('./divideStyle'),
+  divideColor: require('./divideColor'),
+  divideOpacity: require('./divideOpacity'),
+
+  placeSelf: require('./placeSelf'),
+  alignSelf: require('./alignSelf'),
   justifySelf: require('./justifySelf'),
-  float: require('./float'),
 
-  // To be sorted
-  transform: require('./transform'),
-  translate: require('./translate'),
-  rotate: require('./rotate'),
-  skew: require('./skew'),
-  scale: require('./scale'),
-  animation: require('./animation'),
-  backgroundAttachment: require('./backgroundAttachment'),
-  backgroundClip: require('./backgroundClip'),
+  overflow: require('./overflow'),
+  overscrollBehavior: require('./overscrollBehavior'),
+  textOverflow: require('./textOverflow'),
+  whitespace: require('./whitespace'),
+  wordBreak: require('./wordBreak'),
+
+  borderRadius: require('./borderRadius'),
+  borderWidth: require('./borderWidth'),
+  borderStyle: require('./borderStyle'),
+  borderColor: require('./borderColor'),
+  borderOpacity: require('./borderOpacity'),
+
   backgroundColor: require('./backgroundColor'),
-  backgroundImage: require('./backgroundImage'),
   backgroundOpacity: require('./backgroundOpacity'),
+  backgroundImage: require('./backgroundImage'),
+  gradientColorStops: require('./gradientColorStops'),
+  backgroundSize: require('./backgroundSize'),
+  backgroundAttachment: require('./backgroundAttachment'),
+  backgroundClip: require('./backgroundClip'),
   backgroundPosition: require('./backgroundPosition'),
   backgroundRepeat: require('./backgroundRepeat'),
-  backgroundSize: require('./backgroundSize'),
-  borderCollapse: require('./borderCollapse'),
-  borderColor: require('./borderColor'),
-  borderOpacity: require('./borderOpacity'),
-  borderRadius: require('./borderRadius'),
-  borderStyle: require('./borderStyle'),
-  borderWidth: require('./borderWidth'),
-  boxShadow: require('./boxShadow'),
-  clear: require('./clear'),
-  cursor: require('./cursor'),
-  divideColor: require('./divideColor'),
-  divideOpacity: require('./divideOpacity'),
-  divideStyle: require('./divideStyle'),
-  divideWidth: require('./divideWidth'),
+
   fill: require('./fill'),
+  stroke: require('./stroke'),
+  strokeWidth: require('./strokeWidth'),
+
+  objectFit: require('./objectFit'),
+  objectPosition: require('./objectPosition'),
+
+  padding: require('./padding'),
+
+  textAlign: require('./textAlign'),
+  verticalAlign: require('./verticalAlign'),
   fontFamily: require('./fontFamily'),
   fontSize: require('./fontSize'),
-  fontSmoothing: require('./fontSmoothing'),
+  fontWeight: require('./fontWeight'),
+  textTransform: require('./textTransform'),
   fontStyle: require('./fontStyle'),
   fontVariantNumeric: require('./fontVariantNumeric'),
-  fontWeight: require('./fontWeight'),
-  gap: require('./gap'),
-  gradientColorStops: require('./gradientColorStops'),
-  letterSpacing: require('./letterSpacing'),
   lineHeight: require('./lineHeight'),
-  listStylePosition: require('./listStylePosition'),
-  listStyleType: require('./listStyleType'),
-  objectFit: require('./objectFit'),
-  objectPosition: require('./objectPosition'),
-  opacity: require('./opacity'),
-  outline: require('./outline'),
-  overflow: require('./overflow'),
-  overscrollBehavior: require('./overscrollBehavior'),
-  padding: require('./padding'),
-  placeContent: require('./placeContent'),
+  letterSpacing: require('./letterSpacing'),
+  textColor: require('./textColor'),
+  textOpacity: require('./textOpacity'),
+  textDecoration: require('./textDecoration'),
+  fontSmoothing: require('./fontSmoothing'),
   placeholderColor: require('./placeholderColor'),
   placeholderOpacity: require('./placeholderOpacity'),
-  pointerEvents: require('./pointerEvents'),
-  resize: require('./resize'),
+
+  opacity: require('./opacity'),
+  boxShadow: require('./boxShadow'),
+  outline: require('./outline'),
   ringWidth: require('./ringWidth'),
-  ringOffsetWidth: require('./ringOffsetWidth'),
   ringColor: require('./ringColor'),
-  ringOffsetColor: require('./ringOffsetColor'),
   ringOpacity: require('./ringOpacity'),
-  space: require('./space'),
-  stroke: require('./stroke'),
-  strokeWidth: require('./strokeWidth'),
-  tableLayout: require('./tableLayout'),
-  textAlign: require('./textAlign'),
-  textColor: require('./textColor'),
-  textDecoration: require('./textDecoration'),
-  textOpacity: require('./textOpacity'),
-  textOverflow: require('./textOverflow'),
-  textTransform: require('./textTransform'),
-  transformOrigin: require('./transformOrigin'),
+  ringOffsetWidth: require('./ringOffsetWidth'),
+  ringOffsetColor: require('./ringOffsetColor'),
+
+  transitionProperty: require('./transitionProperty'),
   transitionDelay: require('./transitionDelay'),
   transitionDuration: require('./transitionDuration'),
-  transitionProperty: require('./transitionProperty'),
   transitionTimingFunction: require('./transitionTimingFunction'),
-  userSelect: require('./userSelect'),
-  verticalAlign: require('./verticalAlign'),
-  visibility: require('./visibility'),
-  whitespace: require('./whitespace'),
-  wordBreak: require('./wordBreak'),
 }

src/index.test.css

@@ -232,9 +232,6 @@ div {
 .mt-6 {
   margin-top: 1.5rem;
 }
-.grid-cols-\[200px\,repeat\(auto-fill\,minmax\(15\%\,100px\)\)\,300px\] {
-  grid-template-columns: 200px repeat(auto-fill, minmax(15%, 100px)) 300px;
-}
 .transform {
   --tw-translate-x: 0;
   --tw-translate-y: 0;
@@ -251,13 +248,22 @@ div {
   --tw-scale-x: 0.5;
   --tw-scale-y: 0.5;
 }
+.grid-cols-\[200px\,repeat\(auto-fill\,minmax\(15\%\,100px\)\)\,300px\] {
+  grid-template-columns: 200px repeat(auto-fill, minmax(15%, 100px)) 300px;
+}
 .bg-green-500 {
   --tw-bg-opacity: 1;
   background-color: rgba(16, 185, 129, var(--tw-bg-opacity));
 }
 .bg-opacity-50 {
   --tw-bg-opacity: 0.5;
 }
+.text-center {
+  text-align: center;
+}
+.font-medium {
+  font-weight: 500;
+}
 * {
   --tw-shadow: 0 0 #0000;
 }
@@ -271,9 +277,6 @@ div {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.font-medium {
-  font-weight: 500;
-}
 * {
   --tw-ring-inset: var(--tw-empty, /*!*/ /*!*/);
   --tw-ring-offset-width: 0px;
@@ -282,9 +285,6 @@ div {
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
 }
-.text-center {
-  text-align: center;
-}
 .filter-none {
   filter: none;
 }
@@ -332,14 +332,14 @@ div {
   --tw-scale-x: 0.75;
   --tw-scale-y: 0.75;
 }
+.hover\:font-bold:hover {
+  font-weight: 700;
+}
 .hover\:shadow-lg:hover {
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
-.hover\:font-bold:hover {
-  font-weight: 700;
-}
 .hover\:custom-util:hover {
   background: #abcdef;
 }
@@ -429,6 +429,9 @@ div {
       max-width: 1536px;
     }
   }
+  .sm\:text-center {
+    text-align: center;
+  }
   .sm\:ordinal,
   .sm\:slashed-zero,
   .sm\:lining-nums,
@@ -448,9 +451,6 @@ div {
   .sm\:tabular-nums {
     --tw-numeric-spacing: tabular-nums;
   }
-  .sm\:text-center {
-    text-align: center;
-  }
   .sm\:custom-util {
     background: #abcdef;
   }
@@ -489,16 +489,16 @@ div {
       max-width: 1536px;
     }
   }
-  .md\:shadow-sm {
-    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
-      var(--tw-shadow);
+  .md\:text-center {
+    text-align: center;
   }
   .md\:opacity-50 {
     opacity: 0.5;
   }
-  .md\:text-center {
-    text-align: center;
+  .md\:shadow-sm {
+    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
+    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000),
+      var(--tw-shadow);
   }
   .md\:hover\:opacity-20:hover {
     opacity: 0.2;