tailwindcss 3.2.7 → 3.3.0

package/stubs/{defaultConfig.stub.js → config.full.js}

@@ -1,4 +1,3 @@
-/** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [],
   presets: [],
@@ -356,6 +355,29 @@ module.exports = {
     },
     gap: ({ theme }) => theme('spacing'),
     gradientColorStops: ({ theme }) => theme('colors'),
+    gradientColorStopPositions: {
+      '0%': '0%',
+      '5%': '5%',
+      '10%': '10%',
+      '15%': '15%',
+      '20%': '20%',
+      '25%': '25%',
+      '30%': '30%',
+      '35%': '35%',
+      '40%': '40%',
+      '45%': '45%',
+      '50%': '50%',
+      '55%': '55%',
+      '60%': '60%',
+      '65%': '65%',
+      '70%': '70%',
+      '75%': '75%',
+      '80%': '80%',
+      '85%': '85%',
+      '90%': '90%',
+      '95%': '95%',
+      '100%': '100%',
+    },
     grayscale: {
       0: '0',
       DEFAULT: '100%',
@@ -578,10 +600,21 @@ module.exports = {
       disc: 'disc',
       decimal: 'decimal',
     },
+    listStyleImage: {
+      none: 'none',
+    },
     margin: ({ theme }) => ({
       auto: 'auto',
       ...theme('spacing'),
     }),
+    lineClamp: {
+      1: '1',
+      2: '2',
+      3: '3',
+      4: '4',
+      5: '5',
+      6: '6',
+    },
     maxHeight: ({ theme }) => ({
       ...theme('spacing'),
       none: 'none',
@@ -853,6 +886,7 @@ module.exports = {
       'top-left': 'top left',
     },
     transitionDelay: {
+      0: '0s',
       75: '75ms',
       100: '100ms',
       150: '150ms',
@@ -864,6 +898,7 @@ module.exports = {
     },
     transitionDuration: {
       DEFAULT: '150ms',
+      0: '0s',
       75: '75ms',
       100: '100ms',
       150: '150ms',

package/stubs/{simpleConfig.stub.js → config.simple.js}

@@ -1,4 +1,3 @@
-/** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [],
   theme: {

package/stubs/postcss.config.js

@@ -0,0 +1,6 @@
+export default {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+}

package/stubs/tailwind.config.cjs

@@ -0,0 +1,2 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = __CONFIG__

package/stubs/tailwind.config.js

@@ -0,0 +1,2 @@
+/** @type {import('tailwindcss').Config} */
+export default __CONFIG__

package/stubs/tailwind.config.ts

@@ -0,0 +1,3 @@
+import type { Config } from 'tailwindcss'
+
+export default __CONFIG__ satisfies Config

package/types/config.d.ts

@@ -168,7 +168,13 @@ interface ThemeConfig {
       string,
       | string
       | string[]
-      | [fontFamily: string | string[], configuration: Partial<{ fontFeatureSettings: string }>]
+      | [
+          fontFamily: string | string[],
+          configuration: Partial<{
+            fontFeatureSettings: string
+            fontVariationSettings: string
+          }>
+        ]
     >
   >
   fontSize: ResolvableTo<

package/types/generated/colors.d.ts

@@ -15,6 +15,7 @@ export interface DefaultColors {
     '700': '#334155'
     '800': '#1e293b'
     '900': '#0f172a'
+    '950': '#020617'
   }
   gray: {
     '50': '#f9fafb'
@@ -27,6 +28,7 @@ export interface DefaultColors {
     '700': '#374151'
     '800': '#1f2937'
     '900': '#111827'
+    '950': '#030712'
   }
   zinc: {
     '50': '#fafafa'
@@ -39,6 +41,7 @@ export interface DefaultColors {
     '700': '#3f3f46'
     '800': '#27272a'
     '900': '#18181b'
+    '950': '#09090b'
   }
   neutral: {
     '50': '#fafafa'
@@ -51,6 +54,7 @@ export interface DefaultColors {
     '700': '#404040'
     '800': '#262626'
     '900': '#171717'
+    '950': '#0a0a0a'
   }
   stone: {
     '50': '#fafaf9'
@@ -63,6 +67,7 @@ export interface DefaultColors {
     '700': '#44403c'
     '800': '#292524'
     '900': '#1c1917'
+    '950': '#0c0a09'
   }
   red: {
     '50': '#fef2f2'
@@ -75,6 +80,7 @@ export interface DefaultColors {
     '700': '#b91c1c'
     '800': '#991b1b'
     '900': '#7f1d1d'
+    '950': '#450a0a'
   }
   orange: {
     '50': '#fff7ed'
@@ -87,6 +93,7 @@ export interface DefaultColors {
     '700': '#c2410c'
     '800': '#9a3412'
     '900': '#7c2d12'
+    '950': '#431407'
   }
   amber: {
     '50': '#fffbeb'
@@ -99,6 +106,7 @@ export interface DefaultColors {
     '700': '#b45309'
     '800': '#92400e'
     '900': '#78350f'
+    '950': '#451a03'
   }
   yellow: {
     '50': '#fefce8'
@@ -111,6 +119,7 @@ export interface DefaultColors {
     '700': '#a16207'
     '800': '#854d0e'
     '900': '#713f12'
+    '950': '#422006'
   }
   lime: {
     '50': '#f7fee7'
@@ -123,6 +132,7 @@ export interface DefaultColors {
     '700': '#4d7c0f'
     '800': '#3f6212'
     '900': '#365314'
+    '950': '#1a2e05'
   }
   green: {
     '50': '#f0fdf4'
@@ -135,6 +145,7 @@ export interface DefaultColors {
     '700': '#15803d'
     '800': '#166534'
     '900': '#14532d'
+    '950': '#052e16'
   }
   emerald: {
     '50': '#ecfdf5'
@@ -147,6 +158,7 @@ export interface DefaultColors {
     '700': '#047857'
     '800': '#065f46'
     '900': '#064e3b'
+    '950': '#022c22'
   }
   teal: {
     '50': '#f0fdfa'
@@ -159,6 +171,7 @@ export interface DefaultColors {
     '700': '#0f766e'
     '800': '#115e59'
     '900': '#134e4a'
+    '950': '#042f2e'
   }
   cyan: {
     '50': '#ecfeff'
@@ -171,6 +184,7 @@ export interface DefaultColors {
     '700': '#0e7490'
     '800': '#155e75'
     '900': '#164e63'
+    '950': '#083344'
   }
   sky: {
     '50': '#f0f9ff'
@@ -183,6 +197,7 @@ export interface DefaultColors {
     '700': '#0369a1'
     '800': '#075985'
     '900': '#0c4a6e'
+    '950': '#082f49'
   }
   blue: {
     '50': '#eff6ff'
@@ -195,6 +210,7 @@ export interface DefaultColors {
     '700': '#1d4ed8'
     '800': '#1e40af'
     '900': '#1e3a8a'
+    '950': '#172554'
   }
   indigo: {
     '50': '#eef2ff'
@@ -207,6 +223,7 @@ export interface DefaultColors {
     '700': '#4338ca'
     '800': '#3730a3'
     '900': '#312e81'
+    '950': '#1e1b4b'
   }
   violet: {
     '50': '#f5f3ff'
@@ -219,6 +236,7 @@ export interface DefaultColors {
     '700': '#6d28d9'
     '800': '#5b21b6'
     '900': '#4c1d95'
+    '950': '#2e1065'
   }
   purple: {
     '50': '#faf5ff'
@@ -231,6 +249,7 @@ export interface DefaultColors {
     '700': '#7e22ce'
     '800': '#6b21a8'
     '900': '#581c87'
+    '950': '#3b0764'
   }
   fuchsia: {
     '50': '#fdf4ff'
@@ -243,6 +262,7 @@ export interface DefaultColors {
     '700': '#a21caf'
     '800': '#86198f'
     '900': '#701a75'
+    '950': '#4a044e'
   }
   pink: {
     '50': '#fdf2f8'
@@ -255,6 +275,7 @@ export interface DefaultColors {
     '700': '#be185d'
     '800': '#9d174d'
     '900': '#831843'
+    '950': '#500724'
   }
   rose: {
     '50': '#fff1f2'
@@ -267,6 +288,7 @@ export interface DefaultColors {
     '700': '#be123c'
     '800': '#9f1239'
     '900': '#881337'
+    '950': '#4c0519'
   }
   /** @deprecated As of Tailwind CSS v2.2, `lightBlue` has been renamed to `sky`. Update your configuration file to silence this warning. */ lightBlue: DefaultColors['sky']
   /** @deprecated As of Tailwind CSS v3.0, `warmGray` has been renamed to `stone`. Update your configuration file to silence this warning. */ warmGray: DefaultColors['stone']

package/types/generated/corePluginList.d.ts

@@ -1 +1 @@
-export type CorePluginList = 'preflight' | 'container' | 'accessibility' | 'pointerEvents' | 'visibility' | 'position' | 'inset' | 'isolation' | 'zIndex' | 'order' | 'gridColumn' | 'gridColumnStart' | 'gridColumnEnd' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'float' | 'clear' | 'margin' | 'boxSizing' | 'display' | 'aspectRatio' | 'height' | 'maxHeight' | 'minHeight' | 'width' | 'minWidth' | 'maxWidth' | 'flex' | 'flexShrink' | 'flexGrow' | 'flexBasis' | 'tableLayout' | 'borderCollapse' | 'borderSpacing' | 'transformOrigin' | 'translate' | 'rotate' | 'skew' | 'scale' | 'transform' | 'animation' | 'cursor' | 'touchAction' | 'userSelect' | 'resize' | 'scrollSnapType' | 'scrollSnapAlign' | 'scrollSnapStop' | 'scrollMargin' | 'scrollPadding' | 'listStylePosition' | 'listStyleType' | 'appearance' | 'columns' | 'breakBefore' | 'breakInside' | 'breakAfter' | 'gridAutoColumns' | 'gridAutoFlow' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'flexDirection' | 'flexWrap' | 'placeContent' | 'placeItems' | 'alignContent' | 'alignItems' | 'justifyContent' | 'justifyItems' | 'gap' | 'space' | 'divideWidth' | 'divideStyle' | 'divideColor' | 'divideOpacity' | 'placeSelf' | 'alignSelf' | 'justifySelf' | 'overflow' | 'overscrollBehavior' | 'scrollBehavior' | 'textOverflow' | 'whitespace' | 'wordBreak' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'borderOpacity' | 'backgroundColor' | 'backgroundOpacity' | 'backgroundImage' | 'gradientColorStops' | 'boxDecorationBreak' | 'backgroundSize' | 'backgroundAttachment' | 'backgroundClip' | 'backgroundPosition' | 'backgroundRepeat' | 'backgroundOrigin' | 'fill' | 'stroke' | 'strokeWidth' | 'objectFit' | 'objectPosition' | 'padding' | 'textAlign' | 'textIndent' | 'verticalAlign' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'textTransform' | 'fontStyle' | 'fontVariantNumeric' | 'lineHeight' | 'letterSpacing' | 'textColor' | 'textOpacity' | 'textDecoration' | 'textDecorationColor' | 'textDecorationStyle' | 'textDecorationThickness' | 'textUnderlineOffset' | 'fontSmoothing' | 'placeholderColor' | 'placeholderOpacity' | 'caretColor' | 'accentColor' | 'opacity' | 'backgroundBlendMode' | 'mixBlendMode' | 'boxShadow' | 'boxShadowColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'outlineColor' | 'ringWidth' | 'ringColor' | 'ringOpacity' | 'ringOffsetWidth' | 'ringOffsetColor' | 'blur' | 'brightness' | 'contrast' | 'dropShadow' | 'grayscale' | 'hueRotate' | 'invert' | 'saturate' | 'sepia' | 'filter' | 'backdropBlur' | 'backdropBrightness' | 'backdropContrast' | 'backdropGrayscale' | 'backdropHueRotate' | 'backdropInvert' | 'backdropOpacity' | 'backdropSaturate' | 'backdropSepia' | 'backdropFilter' | 'transitionProperty' | 'transitionDelay' | 'transitionDuration' | 'transitionTimingFunction' | 'willChange' | 'content'
+export type CorePluginList = 'preflight' | 'container' | 'accessibility' | 'pointerEvents' | 'visibility' | 'position' | 'inset' | 'isolation' | 'zIndex' | 'order' | 'gridColumn' | 'gridColumnStart' | 'gridColumnEnd' | 'gridRow' | 'gridRowStart' | 'gridRowEnd' | 'float' | 'clear' | 'margin' | 'boxSizing' | 'lineClamp' | 'display' | 'aspectRatio' | 'height' | 'maxHeight' | 'minHeight' | 'width' | 'minWidth' | 'maxWidth' | 'flex' | 'flexShrink' | 'flexGrow' | 'flexBasis' | 'tableLayout' | 'captionSide' | 'borderCollapse' | 'borderSpacing' | 'transformOrigin' | 'translate' | 'rotate' | 'skew' | 'scale' | 'transform' | 'animation' | 'cursor' | 'touchAction' | 'userSelect' | 'resize' | 'scrollSnapType' | 'scrollSnapAlign' | 'scrollSnapStop' | 'scrollMargin' | 'scrollPadding' | 'listStylePosition' | 'listStyleType' | 'listStyleImage' | 'appearance' | 'columns' | 'breakBefore' | 'breakInside' | 'breakAfter' | 'gridAutoColumns' | 'gridAutoFlow' | 'gridAutoRows' | 'gridTemplateColumns' | 'gridTemplateRows' | 'flexDirection' | 'flexWrap' | 'placeContent' | 'placeItems' | 'alignContent' | 'alignItems' | 'justifyContent' | 'justifyItems' | 'gap' | 'space' | 'divideWidth' | 'divideStyle' | 'divideColor' | 'divideOpacity' | 'placeSelf' | 'alignSelf' | 'justifySelf' | 'overflow' | 'overscrollBehavior' | 'scrollBehavior' | 'textOverflow' | 'hyphens' | 'whitespace' | 'wordBreak' | 'borderRadius' | 'borderWidth' | 'borderStyle' | 'borderColor' | 'borderOpacity' | 'backgroundColor' | 'backgroundOpacity' | 'backgroundImage' | 'gradientColorStops' | 'boxDecorationBreak' | 'backgroundSize' | 'backgroundAttachment' | 'backgroundClip' | 'backgroundPosition' | 'backgroundRepeat' | 'backgroundOrigin' | 'fill' | 'stroke' | 'strokeWidth' | 'objectFit' | 'objectPosition' | 'padding' | 'textAlign' | 'textIndent' | 'verticalAlign' | 'fontFamily' | 'fontSize' | 'fontWeight' | 'textTransform' | 'fontStyle' | 'fontVariantNumeric' | 'lineHeight' | 'letterSpacing' | 'textColor' | 'textOpacity' | 'textDecoration' | 'textDecorationColor' | 'textDecorationStyle' | 'textDecorationThickness' | 'textUnderlineOffset' | 'fontSmoothing' | 'placeholderColor' | 'placeholderOpacity' | 'caretColor' | 'accentColor' | 'opacity' | 'backgroundBlendMode' | 'mixBlendMode' | 'boxShadow' | 'boxShadowColor' | 'outlineStyle' | 'outlineWidth' | 'outlineOffset' | 'outlineColor' | 'ringWidth' | 'ringColor' | 'ringOpacity' | 'ringOffsetWidth' | 'ringOffsetColor' | 'blur' | 'brightness' | 'contrast' | 'dropShadow' | 'grayscale' | 'hueRotate' | 'invert' | 'saturate' | 'sepia' | 'filter' | 'backdropBlur' | 'backdropBrightness' | 'backdropContrast' | 'backdropGrayscale' | 'backdropHueRotate' | 'backdropInvert' | 'backdropOpacity' | 'backdropSaturate' | 'backdropSepia' | 'backdropFilter' | 'transitionProperty' | 'transitionDelay' | 'transitionDuration' | 'transitionTimingFunction' | 'willChange' | 'content'

package/types/generated/default-theme.d.ts

@@ -153,6 +153,30 @@ export type DefaultTheme = Config['theme'] & {
     | 'black',
     string
   >
+  gradientColorStopPositions: Record<
+    | '0%'
+    | '5%'
+    | '10%'
+    | '15%'
+    | '20%'
+    | '25%'
+    | '30%'
+    | '35%'
+    | '40%'
+    | '45%'
+    | '50%'
+    | '55%'
+    | '60%'
+    | '65%'
+    | '70%'
+    | '75%'
+    | '80%'
+    | '85%'
+    | '90%'
+    | '95%'
+    | '100%',
+    string
+  >
   grayscale: Record<'0' | 'DEFAULT', string>
   gridAutoColumns: Record<'auto' | 'min' | 'max' | 'fr', string>
   gridAutoRows: Record<'auto' | 'min' | 'max' | 'fr', string>
@@ -214,6 +238,8 @@ export type DefaultTheme = Config['theme'] & {
     string
   >
   listStyleType: Record<'none' | 'disc' | 'decimal', string>
+  listStyleImage: Record<'none', string>
+  lineClamp: Record<'1' | '2' | '3' | '4' | '5' | '6', string>
   minHeight: Record<'0' | 'full' | 'screen' | 'min' | 'max' | 'fit', string>
   minWidth: Record<'0' | 'full' | 'min' | 'max' | 'fit', string>
   objectPosition: Record<
@@ -327,9 +353,12 @@ export type DefaultTheme = Config['theme'] & {
     | 'top-left',
     string
   >
-  transitionDelay: Record<'75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000', string>
+  transitionDelay: Record<
+    '0' | '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000',
+    string
+  >
   transitionDuration: Record<
-    '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000' | 'DEFAULT',
+    '0' | '75' | '100' | '150' | '200' | '300' | '500' | '700' | '1000' | 'DEFAULT',
     string
   >
   transitionProperty: Record<

package/lib/constants.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    cli: ()=>cli,
-    defaultConfigFile: ()=>defaultConfigFile,
-    defaultPostCssConfigFile: ()=>defaultPostCssConfigFile,
-    cjsConfigFile: ()=>cjsConfigFile,
-    cjsPostCssConfigFile: ()=>cjsPostCssConfigFile,
-    supportedConfigFiles: ()=>supportedConfigFiles,
-    supportedPostCssConfigFile: ()=>supportedPostCssConfigFile,
-    defaultConfigStubFile: ()=>defaultConfigStubFile,
-    simpleConfigStubFile: ()=>simpleConfigStubFile,
-    defaultPostCssConfigStubFile: ()=>defaultPostCssConfigStubFile
-});
-const _path = /*#__PURE__*/ _interopRequireDefault(require("path"));
-function _interopRequireDefault(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-const cli = "tailwind";
-const defaultConfigFile = "./tailwind.config.js";
-const defaultPostCssConfigFile = "./postcss.config.js";
-const cjsConfigFile = "./tailwind.config.cjs";
-const cjsPostCssConfigFile = "./postcss.config.cjs";
-const supportedConfigFiles = [
-    cjsConfigFile,
-    defaultConfigFile
-];
-const supportedPostCssConfigFile = [
-    cjsPostCssConfigFile,
-    defaultPostCssConfigFile
-];
-const defaultConfigStubFile = _path.default.resolve(__dirname, "../stubs/defaultConfig.stub.js");
-const simpleConfigStubFile = _path.default.resolve(__dirname, "../stubs/simpleConfig.stub.js");
-const defaultPostCssConfigStubFile = _path.default.resolve(__dirname, "../stubs/defaultPostCssConfig.stub.js");

package/src/constants.js

@@ -1,17 +0,0 @@
-import path from 'path'
-
-export const cli = 'tailwind'
-export const defaultConfigFile = './tailwind.config.js'
-export const defaultPostCssConfigFile = './postcss.config.js'
-export const cjsConfigFile = './tailwind.config.cjs'
-export const cjsPostCssConfigFile = './postcss.config.cjs'
-
-export const supportedConfigFiles = [cjsConfigFile, defaultConfigFile]
-export const supportedPostCssConfigFile = [cjsPostCssConfigFile, defaultPostCssConfigFile]
-
-export const defaultConfigStubFile = path.resolve(__dirname, '../stubs/defaultConfig.stub.js')
-export const simpleConfigStubFile = path.resolve(__dirname, '../stubs/simpleConfig.stub.js')
-export const defaultPostCssConfigStubFile = path.resolve(
-  __dirname,
-  '../stubs/defaultPostCssConfig.stub.js'
-)