tailwindcss Architecture Docs
Home / File/ utilities.ts — tailwindcss Source File

utilities.ts — tailwindcss Source File

Architecture documentation for utilities.ts, a typescript file in the tailwindcss codebase. 35 imports, 9 dependents.

File typescript Oxide PreProcessors 35 imports 9 dependents 13 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  ffde8eb7_7def_91ee_918c_be4f250f76a2["utilities.ts"]
  b9cbffa4_c352_cf3c_268f_cbb174fb3a47["ast.ts"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> b9cbffa4_c352_cf3c_268f_cbb174fb3a47
  d09294cc_b29f_8605_b873_6cdc178ea33d["atRoot"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> d09294cc_b29f_8605_b873_6cdc178ea33d
  2f6881be_62d9_4b96_7331_a962ced095f7["atRule"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 2f6881be_62d9_4b96_7331_a962ced095f7
  dbd80fa4_4b36_fb8e_fb6e_f2aec789aa6b["cloneAstNode"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> dbd80fa4_4b36_fb8e_fb6e_f2aec789aa6b
  1369a6dc_e395_347d_5d24_b88e22c5446d["decl"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 1369a6dc_e395_347d_5d24_b88e22c5446d
  085cf56e_8188_afb1_04da_5ccd0fb7babc["rule"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 085cf56e_8188_afb1_04da_5ccd0fb7babc
  2a22052d_f868_4f88_0a03_2033be58172d["styleRule"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 2a22052d_f868_4f88_0a03_2033be58172d
  ba6fca27_7720_5839_0f92_bc2abb8db636["candidate.ts"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> ba6fca27_7720_5839_0f92_bc2abb8db636
  8bd9cfb2_c46c_c5ca_1a1d_80c33f160f3c["Candidate"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 8bd9cfb2_c46c_c5ca_1a1d_80c33f160f3c
  e40fdbf7_64ee_905a_8123_b86200e96196["CandidateModifier"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> e40fdbf7_64ee_905a_8123_b86200e96196
  ce5e54a2_4ad2_a325_9d49_571e0bcde65d["NamedUtilityValue"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> ce5e54a2_4ad2_a325_9d49_571e0bcde65d
  bdedd2f6_da4b_69dc_e990_0814b59fbe6e["design-system.ts"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> bdedd2f6_da4b_69dc_e990_0814b59fbe6e
  665aa4ed_d86e_30e5_80d5_cd56b8ca8b62["DesignSystem"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 665aa4ed_d86e_30e5_80d5_cd56b8ca8b62
  9e57bcdc_dfca_8734_4a67_0121b488b54e["feature-flags.ts"]
  ffde8eb7_7def_91ee_918c_be4f250f76a2 --> 9e57bcdc_dfca_8734_4a67_0121b488b54e
  style ffde8eb7_7def_91ee_918c_be4f250f76a2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  atRoot,
  atRule,
  cloneAstNode,
  decl,
  rule,
  styleRule,
  type AstNode,
  type AtRule,
  type Declaration,
  type Rule,
} from './ast'
import type { Candidate, CandidateModifier, NamedUtilityValue } from './candidate'
import type { DesignSystem } from './design-system'
import { enableContainerSizeUtility } from './feature-flags'
import type { Theme, ThemeKey } from './theme'
import { compareBreakpoints } from './utils/compare-breakpoints'
import { DefaultMap } from './utils/default-map'
import {
  inferDataType,
  isPositiveInteger,
  isStrictPositiveInteger,
  isValidOpacityValue,
  isValidSpacingMultiplier,
} from './utils/infer-data-type'
import { replaceShadowColors } from './utils/replace-shadow-colors'
import { segment } from './utils/segment'
import * as ValueParser from './value-parser'
import { walk, WalkAction } from './walk'

const DEFAULT_SPACING_SUGGESTIONS = [
  '0',
  '0.5',
  '1',
  '1.5',
  '2',
  '2.5',
  '3',
  '3.5',
  '4',
  '5',
  '6',
  '7',
  '8',
  '9',
  '10',
  '11',
  '12',
  '14',
  '16',
  '20',
  '24',
  '28',
  '32',
  '36',
  '40',
  '44',
  '48',
  '52',
  '56',
// ... (6624 more lines)

Domain

Subdomains

Functions

Classes

Types

Dependencies

Imported By

Source

Frequently Asked Questions

What does utilities.ts do?
utilities.ts is a source file in the tailwindcss codebase, written in typescript. It belongs to the Oxide domain, PreProcessors subdomain.
What functions are defined in utilities.ts?
utilities.ts defines 13 function(s): alphaReplacedDropShadowProperties, alphaReplacedShadowProperties, asColor, createCssUtility, createUtilities, isValidFunctionalUtilityName, isValidStaticUtilityName, property, replaceAlpha, resolveThemeColor, and 3 more.
What does utilities.ts depend on?
utilities.ts imports 35 module(s): Candidate, CandidateModifier, DefaultMap, DesignSystem, NamedUtilityValue, Theme, ThemeKey, WalkAction, and 27 more.
What files import utilities.ts?
utilities.ts is imported by 9 file(s): candidate.test.ts, compile.ts, css-functions.ts, design-system.ts, index.ts, plugin-api.ts, plugin-functions.ts, replace-shadow-colors.test.ts, and 1 more.
Where is utilities.ts in the architecture?
utilities.ts is located at packages/tailwindcss/src/utilities.ts (domain: Oxide, subdomain: PreProcessors, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free