UNPKG

@yamada-ui/react

Version:

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

1 lines 3.36 kB
{"version":3,"file":"editable.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/editable/editable.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const editableStyle = defineComponentSlotStyle({\n base: {\n control: {\n alignItems: \"start\",\n display: \"inline-flex\",\n gap: \"sm\",\n },\n input: {\n bg: \"transparent\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n fontSize: \"inherit\",\n fontWeight: \"inherit\",\n minH: \"1lh\",\n p: \"1\",\n rounded: \"l2\",\n textAlign: \"inherit\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n preview: {\n bg: \"transparent\",\n cursor: \"text\",\n display: \"inline-block\",\n fontSize: \"inherit\",\n fontWeight: \"inherit\",\n minH: \"1lh\",\n p: \"1\",\n rounded: \"l2\",\n textAlign: \"inherit\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n whiteSpace: \"pre-line\",\n _hover: {\n bg: \"bg.subtle\",\n },\n _readOnly: {\n pointerEvents: \"none\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n root: {\n \"--error-border-color\": \"colors.border.error\",\n \"--focus-border-color\": \"colorScheme.outline\",\n alignItems: \"start\",\n display: \"inline-flex\",\n gap: \"sm\",\n position: \"relative\",\n w: \"full\",\n },\n textarea: {\n bg: \"transparent\",\n boxSizing: \"content-box\",\n focusRingColor: \"{focus-border-color}\",\n focusVisibleRing: \"inside\",\n fontSize: \"inherit\",\n fontWeight: \"inherit\",\n minH: \"1lh\",\n p: \"1\",\n rounded: \"l2\",\n textAlign: \"inherit\",\n transitionDuration: \"moderate\",\n transitionProperty: \"common\",\n w: \"full\",\n _invalid: {\n borderColor: \"{error-border-color}\",\n focusRingColor: \"{error-border-color}\",\n },\n _disabled: {\n layerStyle: \"disabled\",\n },\n },\n },\n})\n\nexport type EditableStyle = typeof editableStyle\n"],"mappings":";;;AAEA,MAAa,gBAAgBA,wCAAyB,EACpD,MAAM;CACJ,SAAS;EACP,YAAY;EACZ,SAAS;EACT,KAAK;EACN;CACD,OAAO;EACL,IAAI;EACJ,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,UAAU;GACR,aAAa;GACb,gBAAgB;GACjB;EACD,WAAW,EACT,YAAY,YACb;EACF;CACD,SAAS;EACP,IAAI;EACJ,QAAQ;EACR,SAAS;EACT,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,YAAY;EACZ,QAAQ,EACN,IAAI,aACL;EACD,WAAW,EACT,eAAe,QAChB;EACD,WAAW,EACT,YAAY,YACb;EACF;CACD,MAAM;EACJ,wBAAwB;EACxB,wBAAwB;EACxB,YAAY;EACZ,SAAS;EACT,KAAK;EACL,UAAU;EACV,GAAG;EACJ;CACD,UAAU;EACR,IAAI;EACJ,WAAW;EACX,gBAAgB;EAChB,kBAAkB;EAClB,UAAU;EACV,YAAY;EACZ,MAAM;EACN,GAAG;EACH,SAAS;EACT,WAAW;EACX,oBAAoB;EACpB,oBAAoB;EACpB,GAAG;EACH,UAAU;GACR,aAAa;GACb,gBAAgB;GACjB;EACD,WAAW,EACT,YAAY,YACb;EACF;CACF,EACF,CAAC"}