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. 29 imports, 9 dependents.

File typescript OxideEngine Scanner 29 imports 9 dependents 13 functions 1 classes

Entity Profile

Dependency Diagram

graph LR
  2bc6f8eb_6339_d09c_79df_e9025a479c97["utilities.ts"]
  42640952_ea63_55f1_1ff1_00816e2980ae["ast.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 42640952_ea63_55f1_1ff1_00816e2980ae
  04953c5c_51e1_25ee_0e61_539631b1aaa9["atRoot"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 04953c5c_51e1_25ee_0e61_539631b1aaa9
  f9b19679_c1f0_28d6_4d1a_31a10c52e42d["atRule"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> f9b19679_c1f0_28d6_4d1a_31a10c52e42d
  88bcab2f_f837_9e57_5b6a_fda72a4c3315["cloneAstNode"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 88bcab2f_f837_9e57_5b6a_fda72a4c3315
  c203f636_607a_d332_b4c5_6a40c108f778["decl"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> c203f636_607a_d332_b4c5_6a40c108f778
  66319c06_7c38_f9ea_4bf0_2a0e18bac1a4["rule"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 66319c06_7c38_f9ea_4bf0_2a0e18bac1a4
  36be1773_d660_31ac_0b0b_88dbd7f6f7a8["styleRule"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 36be1773_d660_31ac_0b0b_88dbd7f6f7a8
  669e6a28_c71f_3c5e_9c53_915cede7da78["candidate.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 669e6a28_c71f_3c5e_9c53_915cede7da78
  7fd72d4c_e95c_d849_1002_1e1c9d8aca1a["design-system.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 7fd72d4c_e95c_d849_1002_1e1c9d8aca1a
  5297b226_cf4f_3015_493a_55075c882d9e["feature-flags.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 5297b226_cf4f_3015_493a_55075c882d9e
  80295787_127f_69e6_91b3_4bea3a484544["theme.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 80295787_127f_69e6_91b3_4bea3a484544
  51f244f2_138c_0d69_05db_b2df310d0f23["compare-breakpoints.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 51f244f2_138c_0d69_05db_b2df310d0f23
  0015fc82_ad3f_130f_e7fe_1e92f2f624a1["compareBreakpoints"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> 0015fc82_ad3f_130f_e7fe_1e92f2f624a1
  c056448b_f7a2_9149_54e8_f0f8470fe3aa["default-map.ts"]
  2bc6f8eb_6339_d09c_79df_e9025a479c97 --> c056448b_f7a2_9149_54e8_f0f8470fe3aa
  style 2bc6f8eb_6339_d09c_79df_e9025a479c97 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 OxideEngine domain, Scanner 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 29 module(s): DefaultMap, WalkAction, ast.ts, atRoot, atRule, candidate.ts, cloneAstNode, compare-breakpoints.ts, and 21 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: OxideEngine, subdomain: Scanner, directory: packages/tailwindcss/src).

Analyze Your Own Codebase

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

Try Supermodel Free