UNPKG

@yamada-ui/react

Version:

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

1 lines 2.48 kB
{"version":3,"file":"transition.cjs","names":["properties: { [key: string]: string[] }"],"sources":["../../../../src/core/css/transition.ts"],"sourcesContent":["import type { Transform } from \"./utils\"\n\nconst properties: { [key: string]: string[] } = {\n size: [\"width\", \"height\"],\n all: [\"all\"],\n backgrounds: [\n \"background\",\n \"background-color\",\n \"background-image\",\n \"background-position\",\n ],\n colors: [\n \"color\",\n \"fill\",\n \"stroke\",\n \"background-color\",\n \"border-color\",\n \"outline-color\",\n \"text-decoration-color\",\n ],\n common: [\n \"color\",\n \"fill\",\n \"stroke\",\n \"background-color\",\n \"border-color\",\n \"outline-color\",\n \"text-decoration-color\",\n \"opacity\",\n \"box-shadow\",\n \"transform\",\n \"translate\",\n \"scale\",\n \"rotate\",\n \"filter\",\n \"backdrop-filter\",\n ],\n opacity: [\"opacity\"],\n position: [\"top\", \"right\", \"bottom\", \"left\", \"inset-inline\", \"inset-block\"],\n shadow: [\"box-shadow\"],\n}\n\nexport function generateTransition(\n type: \"property\" | \"transition\" = \"transition\",\n): Transform {\n return function (value, { prev }) {\n switch (type) {\n case \"transition\":\n if (value in properties) {\n return {\n transition: properties[value]?.join(\", \"),\n transitionDuration: prev?.transitionDuration ?? \"200ms\",\n transitionTimingFunction:\n prev?.transitionTimingFunction ??\n \"cubic-bezier(0.42, 0, 0.58, 1)\",\n }\n } else {\n return value\n }\n case \"property\":\n if (value in properties) {\n return properties[value]?.join(\", \")\n } else {\n return value\n }\n }\n }\n}\n"],"mappings":";;AAEA,MAAMA,aAA0C;CAC9C,MAAM,CAAC,SAAS,SAAS;CACzB,KAAK,CAAC,MAAM;CACZ,aAAa;EACX;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,QAAQ;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CACD,SAAS,CAAC,UAAU;CACpB,UAAU;EAAC;EAAO;EAAS;EAAU;EAAQ;EAAgB;EAAc;CAC3E,QAAQ,CAAC,aAAa;CACvB;AAED,SAAgB,mBACd,OAAkC,cACvB;AACX,QAAO,SAAU,OAAO,EAAE,QAAQ;AAChC,UAAQ,MAAR;GACE,KAAK,aACH,KAAI,SAAS,WACX,QAAO;IACL,YAAY,WAAW,QAAQ,KAAK,KAAK;IACzC,oBAAoB,MAAM,sBAAsB;IAChD,0BACE,MAAM,4BACN;IACH;OAED,QAAO;GAEX,KAAK,WACH,KAAI,SAAS,WACX,QAAO,WAAW,QAAQ,KAAK,KAAK;OAEpC,QAAO"}