tailwindcss 0.0.0-insiders.2bfd3e7 → 0.0.0-insiders.2bfdbce

package/types/config.d.ts

@@ -11,8 +11,8 @@ type KeyValuePair<K extends keyof any = string, V = string> = Record<K, V>
 interface RecursiveKeyValuePair<K extends keyof any = string, V = string> {
   [key: string]: V | RecursiveKeyValuePair<K, V>
 }
-type ResolvableTo<T> = T | ((utils: PluginUtils) => T)
-type CSSRuleObject = RecursiveKeyValuePair<string, string | string[]>
+export type ResolvableTo<T> = T | ((utils: PluginUtils) => T)
+type CSSRuleObject = RecursiveKeyValuePair<string, null | string | string[]>
 
 interface PluginUtils {
   colors: DefaultColors
@@ -31,6 +31,7 @@ type ContentConfig =
   | (FilePath | RawFile)[]
   | {
       files: (FilePath | RawFile)[]
+      relative?: boolean
       extract?: ExtractorFn | { [extension: string]: ExtractorFn }
       transform?: TransformerFn | { [extension: string]: TransformerFn }
     }
@@ -45,31 +46,34 @@ type PrefixConfig = string
 type SeparatorConfig = string
 
 // Safelist related config
-type SafelistConfig =
-  | string[]
-  | {
-      pattern: RegExp
-      variants: string[]
-    }[]
+type SafelistConfig = (string | { pattern: RegExp; variants?: string[] })[]
+
+// Blocklist related config
+type BlocklistConfig = string[]
 
 // Presets related config
 type PresetsConfig = Config[]
 
 // Future related config
-type FutureConfigValues = never // Replace with 'future-feature-1' | 'future-feature-2'
+type FutureConfigValues =
+  | 'hoverOnlyWhenSupported'
+  | 'respectDefaultRingColorOpacity'
+  | 'disableColorOpacityUtilitiesByDefault'
+  | 'relativeContentPathsByDefault'
+  | 'logicalSiblingUtilities'
 type FutureConfig = Expand<'all' | Partial<Record<FutureConfigValues, boolean>>> | []
 
 // Experimental related config
-type ExperimentalConfigValues = 'optimizeUniversalDefaults' // Replace with 'experimental-feature-1' | 'experimental-feature-2'
+type ExperimentalConfigValues = 'optimizeUniversalDefaults' | 'oxideParser'
 type ExperimentalConfig = Expand<'all' | Partial<Record<ExperimentalConfigValues, boolean>>> | []
 
 // DarkMode related config
 type DarkModeConfig =
   // Use the `media` query strategy.
   | 'media'
-  // Use the `class` stategy, which requires a `.dark` class on the `html`.
+  // Use the `class` strategy, which requires a `.dark` class on the `html`.
   | 'class'
-  // Use the `class` stategy with a custom class instead of `.dark`.
+  // Use the `class` strategy with a custom class instead of `.dark`.
   | ['class', string]
 
 type Screen = { raw: string } | { min: string } | { max: string } | { min: string; max: string }
@@ -79,6 +83,8 @@ type ScreensConfig = string[] | KeyValuePair<string, string | Screen | Screen[]>
 interface ThemeConfig {
   // Responsiveness
   screens: ResolvableTo<ScreensConfig>
+  supports: ResolvableTo<Record<string, string>>
+  data: ResolvableTo<Record<string, string>>
 
   // Reusable base configs
   colors: ResolvableTo<RecursiveKeyValuePair>
@@ -153,7 +159,20 @@ interface ThemeConfig {
   objectPosition: ResolvableTo<KeyValuePair>
   padding: ThemeConfig['spacing']
   textIndent: ThemeConfig['spacing']
-  fontFamily: ResolvableTo<KeyValuePair<string, string[]>>
+  fontFamily: ResolvableTo<
+    KeyValuePair<
+      string,
+      | string
+      | string[]
+      | [
+          fontFamily: string | string[],
+          configuration: Partial<{
+            fontFeatureSettings: string
+            fontVariationSettings: string
+          }>
+        ]
+    >
+  >
   fontSize: ResolvableTo<
     KeyValuePair<
       string,
@@ -195,7 +214,7 @@ interface ThemeConfig {
   blur: ResolvableTo<KeyValuePair>
   brightness: ResolvableTo<KeyValuePair>
   contrast: ResolvableTo<KeyValuePair>
-  dropShadow: ResolvableTo<KeyValuePair>
+  dropShadow: ResolvableTo<KeyValuePair<string, string | string[]>>
   grayscale: ResolvableTo<KeyValuePair>
   hueRotate: ResolvableTo<KeyValuePair>
   invert: ResolvableTo<KeyValuePair>
@@ -251,13 +270,17 @@ export interface PluginAPI {
     }>
   ): void
   // for registering new dynamic utility styles
-  matchUtilities<T>(
-    utilities: KeyValuePair<string, (value: T) => CSSRuleObject>,
+  matchUtilities<T = string, U = string>(
+    utilities: KeyValuePair<
+      string,
+      (value: T | string, extra: { modifier: U | string | null }) => CSSRuleObject | null
+    >,
     options?: Partial<{
       respectPrefix: boolean
       respectImportant: boolean
       type: ValueType | ValueType[]
       values: KeyValuePair<string, T>
+      modifiers: 'any' | KeyValuePair<string, U>
       supportsNegativeValues: boolean
     }>
   ): void
@@ -270,13 +293,17 @@ export interface PluginAPI {
     }>
   ): void
   // for registering new dynamic component styles
-  matchComponents<T>(
-    components: KeyValuePair<string, (value: T) => CSSRuleObject>,
+  matchComponents<T = string, U = string>(
+    components: KeyValuePair<
+      string,
+      (value: T | string, extra: { modifier: U | string | null }) => CSSRuleObject | null
+    >,
     options?: Partial<{
       respectPrefix: boolean
       respectImportant: boolean
       type: ValueType | ValueType[]
       values: KeyValuePair<string, T>
+      modifiers: 'any' | KeyValuePair<string, U>
       supportsNegativeValues: boolean
     }>
   ): void
@@ -284,6 +311,17 @@ export interface PluginAPI {
   addBase(base: CSSRuleObject | CSSRuleObject[]): void
   // for registering custom variants
   addVariant(name: string, definition: string | string[] | (() => string) | (() => string)[]): void
+  matchVariant<T = string>(
+    name: string,
+    cb: (value: T | string, extra: { modifier: string | null }) => string | string[],
+    options?: {
+      values?: KeyValuePair<string, T>
+      sort?(
+        a: { value: T | string; modifier: string | null },
+        b: { value: T | string; modifier: string | null }
+      ): number
+    }
+  ): void
   // for looking up values in the user’s theme configuration
   theme: <TDefaultValue = Config['theme']>(
     path?: string,
@@ -299,8 +337,11 @@ export interface PluginAPI {
 export type PluginCreator = (api: PluginAPI) => void
 export type PluginsConfig = (
   | PluginCreator
-  | { handler: PluginCreator; config?: Config }
-  | { (options: any): { handler: PluginCreator; config?: Config }; __isOptionsFunction: true }
+  | { handler: PluginCreator; config?: Partial<Config> }
+  | {
+      (options: any): { handler: PluginCreator; config?: Partial<Config> }
+      __isOptionsFunction: true
+    }
 )[]
 
 // Top level config related
@@ -313,6 +354,7 @@ interface OptionalConfig {
   prefix: Partial<PrefixConfig>
   separator: Partial<SeparatorConfig>
   safelist: Partial<SafelistConfig>
+  blocklist: Partial<BlocklistConfig>
   presets: Partial<PresetsConfig>
   future: Partial<FutureConfig>
   experimental: Partial<ExperimentalConfig>

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' | 'textWrap' | '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

@@ -1,75 +1,19 @@
 import { Config } from '../../types'
 type CSSDeclarationList = Record<string, string>
 export type DefaultTheme = Config['theme'] & {
-  screens: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', string>
-  columns: Record<
-    | '1'
-    | '2'
-    | '3'
-    | '4'
-    | '5'
-    | '6'
-    | '7'
-    | '8'
-    | '9'
-    | '10'
-    | '11'
-    | '12'
-    | 'auto'
-    | '3xs'
-    | '2xs'
-    | 'xs'
-    | 'sm'
-    | 'md'
-    | 'lg'
-    | 'xl'
-    | '2xl'
-    | '3xl'
-    | '4xl'
-    | '5xl'
-    | '6xl'
-    | '7xl',
-    string
-  >
-  spacing: Record<
-    | '0'
-    | '1'
-    | '2'
-    | '3'
-    | '4'
-    | '5'
-    | '6'
-    | '7'
-    | '8'
-    | '9'
-    | '10'
-    | '11'
-    | '12'
-    | '14'
-    | '16'
-    | '20'
-    | '24'
-    | '28'
-    | '32'
-    | '36'
-    | '40'
-    | '44'
-    | '48'
-    | '52'
-    | '56'
-    | '60'
-    | '64'
-    | '72'
-    | '80'
-    | '96'
-    | 'px'
-    | '0.5'
-    | '1.5'
-    | '2.5'
-    | '3.5',
+  animation: Record<'none' | 'spin' | 'ping' | 'pulse' | 'bounce', string>
+  aria: Record<
+    | 'busy'
+    | 'checked'
+    | 'disabled'
+    | 'expanded'
+    | 'hidden'
+    | 'pressed'
+    | 'readonly'
+    | 'required'
+    | 'selected',
     string
   >
-  animation: Record<'none' | 'spin' | 'ping' | 'pulse' | 'bounce', string>
   aspectRatio: Record<'auto' | 'square' | 'video', string>
   backgroundImage: Record<
     | 'none'
@@ -97,18 +41,47 @@ export type DefaultTheme = Config['theme'] & {
   >
   backgroundSize: Record<'auto' | 'cover' | 'contain', string>
   blur: Record<'0' | 'none' | 'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | '3xl', string>
-  brightness: Record<
-    '0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150' | '200',
-    string
-  >
   borderRadius: Record<
     'none' | 'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full',
     string
   >
   borderWidth: Record<'0' | '2' | '4' | '8' | 'DEFAULT', string>
   boxShadow: Record<'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | 'inner' | 'none', string>
-  contrast: Record<'0' | '50' | '75' | '100' | '125' | '150' | '200', string>
+  brightness: Record<
+    '0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150' | '200',
+    string
+  >
+  columns: Record<
+    | '1'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | 'auto'
+    | '3xs'
+    | '2xs'
+    | 'xs'
+    | 'sm'
+    | 'md'
+    | 'lg'
+    | 'xl'
+    | '2xl'
+    | '3xl'
+    | '4xl'
+    | '5xl'
+    | '6xl'
+    | '7xl',
+    string
+  >
   content: Record<'none', string>
+  contrast: Record<'0' | '50' | '75' | '100' | '125' | '150' | '200', string>
   cursor: Record<
     | 'auto'
     | 'default'
@@ -149,9 +122,6 @@ export type DefaultTheme = Config['theme'] & {
     string
   >
   dropShadow: Record<'sm' | 'DEFAULT' | 'md' | 'lg' | 'xl' | '2xl' | 'none', string | string[]>
-  grayscale: Record<'0' | 'DEFAULT', string>
-  hueRotate: Record<'0' | '15' | '30' | '60' | '90' | '180', string>
-  invert: Record<'0' | 'DEFAULT', string>
   flex: Record<'1' | 'auto' | 'initial' | 'none', string>
   flexGrow: Record<'0' | 'DEFAULT', string>
   flexShrink: Record<'0' | 'DEFAULT', string>
@@ -184,6 +154,31 @@ 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>
   gridColumn: Record<
@@ -215,13 +210,15 @@ export type DefaultTheme = Config['theme'] & {
     'auto' | 'span-1' | 'span-2' | 'span-3' | 'span-4' | 'span-5' | 'span-6' | 'span-full',
     string
   >
-  gridRowStart: Record<'1' | '2' | '3' | '4' | '5' | '6' | '7' | 'auto', string>
   gridRowEnd: Record<'1' | '2' | '3' | '4' | '5' | '6' | '7' | 'auto', string>
+  gridRowStart: Record<'1' | '2' | '3' | '4' | '5' | '6' | '7' | 'auto', string>
   gridTemplateColumns: Record<
     '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | 'none',
     string
   >
   gridTemplateRows: Record<'1' | '2' | '3' | '4' | '5' | '6' | 'none', string>
+  hueRotate: Record<'0' | '15' | '30' | '60' | '90' | '180', string>
+  invert: Record<'0' | 'DEFAULT', string>
   keyframes: Record<'spin' | 'ping' | 'pulse' | 'bounce', Record<string, CSSDeclarationList>>
   letterSpacing: Record<'tighter' | 'tight' | 'normal' | 'wide' | 'wider' | 'widest', string>
   lineHeight: Record<
@@ -242,7 +239,9 @@ export type DefaultTheme = Config['theme'] & {
     string
   >
   listStyleType: Record<'none' | 'disc' | 'decimal', string>
-  minHeight: Record<'0' | 'full' | 'screen' | 'min' | 'max' | 'fit', string>
+  listStyleImage: Record<'none', string>
+  lineClamp: Record<'1' | '2' | '3' | '4' | '5' | '6', string>
+  minHeight: Record<'0' | 'full' | 'screen' | 'svh' | 'lvh' | 'dvh' | 'min' | 'max' | 'fit', string>
   minWidth: Record<'0' | 'full' | 'min' | 'max' | 'fit', string>
   objectPosition: Record<
     | 'bottom'
@@ -299,8 +298,47 @@ export type DefaultTheme = Config['theme'] & {
   rotate: Record<'0' | '1' | '2' | '3' | '6' | '12' | '45' | '90' | '180', string>
   saturate: Record<'0' | '50' | '100' | '150' | '200', string>
   scale: Record<'0' | '50' | '75' | '90' | '95' | '100' | '105' | '110' | '125' | '150', string>
+  screens: Record<'sm' | 'md' | 'lg' | 'xl' | '2xl', string>
   sepia: Record<'0' | 'DEFAULT', string>
   skew: Record<'0' | '1' | '2' | '3' | '6' | '12', string>
+  spacing: Record<
+    | '0'
+    | '1'
+    | '2'
+    | '3'
+    | '4'
+    | '5'
+    | '6'
+    | '7'
+    | '8'
+    | '9'
+    | '10'
+    | '11'
+    | '12'
+    | '14'
+    | '16'
+    | '20'
+    | '24'
+    | '28'
+    | '32'
+    | '36'
+    | '40'
+    | '44'
+    | '48'
+    | '52'
+    | '56'
+    | '60'
+    | '64'
+    | '72'
+    | '80'
+    | '96'
+    | 'px'
+    | '0.5'
+    | '1.5'
+    | '2.5'
+    | '3.5',
+    string
+  >
   strokeWidth: Record<'0' | '1' | '2', string>
   textDecorationThickness: Record<'0' | '1' | '2' | '4' | '8' | 'auto' | 'from-font', string>
   textUnderlineOffset: Record<'0' | '1' | '2' | '4' | '8' | 'auto', string>
@@ -316,9 +354,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<