@yamada-ui/react
Version:
React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion
1 lines • 3.94 kB
Source Map (JSON)
{"version":3,"file":"config.cjs","names":["generateStyle","generateCalc","generateAtRule","isCSSVar","generateFilter","generateFocusRing","generateFunction","analyzeCSSValue","generateToken","generateTransition"],"sources":["../../../../src/core/css/config.ts"],"sourcesContent":["import type { CSSObject } from \"@emotion/styled\"\nimport type { ThemeToken } from \"../system\"\nimport type { CSSProperties } from \"./index.types\"\nimport type { Transform } from \"./utils\"\nimport { isNumber, isObject } from \"../../utils\"\nimport { animation, keyframes } from \"./animation\"\nimport { generateAtRule } from \"./at-rule\"\nimport { generateCalc } from \"./calc\"\nimport { colorMix } from \"./color-mix\"\nimport { colorScheme } from \"./color-scheme\"\nimport { display } from \"./display\"\nimport { generateFilter } from \"./filter\"\nimport { generateFocusRing } from \"./focus-ring\"\nimport { generateFunction } from \"./function\"\nimport { gradient } from \"./gradient\"\nimport { grid } from \"./grid\"\nimport { generateStyle } from \"./style\"\nimport { generateToken } from \"./token\"\nimport { transform } from \"./transform\"\nimport { generateTransition } from \"./transition\"\nimport { analyzeCSSValue, isCSSVar } from \"./utils\"\n\nexport interface StyleConfig {\n important?: boolean\n properties?: CSSProperties[]\n static?: CSSObject\n token?: ThemeToken\n transform?: Transform\n}\n\nexport interface StyleConfigs {\n [key: string]: StyleConfig | true\n}\n\nexport const transforms = {\n style: generateStyle,\n colorScheme,\n animation,\n bgClip: (value, { prev }) => {\n if (value === \"text\") {\n prev ??= {}\n prev.color ??= \"transparent\"\n\n return value\n } else {\n return value\n }\n },\n calc: generateCalc,\n colorMix,\n container: generateAtRule(\"container\"),\n content: (value) => {\n if (isObject(value)) {\n return { content: \"''\", ...value }\n } else {\n return value\n }\n },\n deg: (value) => {\n if (isCSSVar(value) || value == null) return value\n\n const isUnitless = typeof value === \"string\" && !value.endsWith(\"deg\")\n\n return isUnitless || isNumber(value) ? `${value}deg` : value\n },\n display,\n filter: generateFilter,\n focusRing: generateFocusRing,\n fraction: (value) => {\n if (isNumber(value) && value <= 1) value = `${value * 100}%`\n\n return value\n },\n function: generateFunction,\n gradient,\n grid,\n keyframes,\n media: generateAtRule(\"media\"),\n px: (value) => {\n if (value == null) return value\n\n const { unitless } = analyzeCSSValue(value)\n\n return unitless || isNumber(value) ? `${value}px` : value\n },\n supports: generateAtRule(\"supports\"),\n token: generateToken,\n transform,\n transition: generateTransition,\n truncated: (value: boolean) => {\n if (value) {\n return {\n overflow: \"hidden\",\n textOverflow: \"ellipsis\",\n whiteSpace: \"nowrap\",\n }\n }\n },\n} satisfies { [key: string]: Transform }\n\nexport type Transforms = keyof typeof transforms\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkCA,MAAa,aAAa;CACxB,OAAOA;CACP;CACA;CACA,SAAS,OAAO,EAAE,WAAW;AAC3B,MAAI,UAAU,QAAQ;AACpB,YAAS,EAAE;AACX,QAAK,UAAU;AAEf,UAAO;QAEP,QAAO;;CAGX,MAAMC;CACN;CACA,WAAWC,+BAAe,YAAY;CACtC,UAAU,UAAU;AAClB,sDAAa,MAAM,CACjB,QAAO;GAAE,SAAS;GAAM,GAAG;GAAO;MAElC,QAAO;;CAGX,MAAM,UAAU;AACd,MAAIC,uBAAS,MAAM,IAAI,SAAS,KAAM,QAAO;AAI7C,SAFmB,OAAO,UAAU,YAAY,CAAC,MAAM,SAAS,MAAM,oDAExC,MAAM,GAAG,GAAG,MAAM,OAAO;;CAEzD;CACA,QAAQC;CACR,WAAWC;CACX,WAAW,UAAU;AACnB,sDAAa,MAAM,IAAI,SAAS,EAAG,SAAQ,GAAG,QAAQ,IAAI;AAE1D,SAAO;;CAET,UAAUC;CACV;CACA;CACA;CACA,OAAOJ,+BAAe,QAAQ;CAC9B,KAAK,UAAU;AACb,MAAI,SAAS,KAAM,QAAO;EAE1B,MAAM,EAAE,aAAaK,8BAAgB,MAAM;AAE3C,SAAO,4DAAqB,MAAM,GAAG,GAAG,MAAM,MAAM;;CAEtD,UAAUL,+BAAe,WAAW;CACpC,OAAOM;CACP;CACA,YAAYC;CACZ,YAAY,UAAmB;AAC7B,MAAI,MACF,QAAO;GACL,UAAU;GACV,cAAc;GACd,YAAY;GACb;;CAGN"}