@yamada-ui/react/dist/cjs/components/reorder/reorder.style.cjs.map

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

{"version":3,"file":"reorder.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/reorder/reorder.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const reorderStyle = defineComponentSlotStyle({\n  base: {\n    item: {\n      \"&[data-has-trigger]\": {\n        cursor: \"default\",\n        userSelect: \"none\",\n      },\n      cursor: \"grab\",\n      flex: \"1\",\n      rounded: \"l2\",\n      _selected: {\n        boxShadow: \"md\",\n        cursor: \"grabbing\",\n      },\n    },\n    root: {\n      display: \"flex\",\n      w: \"full\",\n    },\n    trigger: {\n      alignItems: \"center\",\n      color: \"fg.subtle\",\n      cursor: \"grab\",\n      display: \"flex\",\n      fontSize: \"2xl\",\n      justifyContent: \"center\",\n      _selected: {\n        cursor: \"grabbing\",\n      },\n      _disabled: {\n        layerStyle: \"disabled\",\n      },\n    },\n  },\n\n  sizes: {\n    sm: {\n      item: { p: \"3\" },\n      root: { gap: \"3\" },\n    },\n    md: {\n      item: { p: \"4\" },\n      root: { gap: \"4\" },\n    },\n    lg: {\n      item: { p: \"6\" },\n      root: { gap: \"6\" },\n    },\n    xl: {\n      item: { p: \"8\" },\n      root: { gap: \"8\" },\n    },\n  },\n\n  variants: {\n    elevated: {\n      item: {\n        bg: \"bg.panel\",\n        boxShadow: \"md\",\n        _selected: {\n          boxShadow: \"lg\",\n        },\n      },\n    },\n    outline: {\n      item: {\n        layerStyle: \"outline\",\n        bg: \"bg\",\n      },\n    },\n    panel: {\n      item: {\n        layerStyle: \"panel\",\n      },\n    },\n    plain: {\n      item: {\n        flex: \"inherit\",\n        p: \"0px\",\n        rounded: \"0px\",\n        _selected: { boxShadow: \"unset\" },\n      },\n      root: { gap: \"0px\" },\n    },\n    solid: {\n      item: {\n        layerStyle: \"solid\",\n      },\n    },\n    subtle: {\n      item: {\n        layerStyle: \"subtle\",\n      },\n    },\n    surface: {\n      item: {\n        layerStyle: \"surface\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the reorder.\n     *\n     * @default 'vertical'\n     */\n    orientation: {\n      horizontal: {\n        root: {\n          flexDirection: \"row\",\n        },\n      },\n      vertical: {\n        root: {\n          alignItems: \"stretch\",\n          flexDirection: \"column\",\n        },\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"panel\",\n    orientation: \"vertical\",\n  },\n})\n\nexport type ReorderStyle = typeof reorderStyle\n"],"mappings":";;;AAEA,MAAa,eAAeA,wCAAyB;CACnD,MAAM;EACJ,MAAM;GACJ,uBAAuB;IACrB,QAAQ;IACR,YAAY;IACb;GACD,QAAQ;GACR,MAAM;GACN,SAAS;GACT,WAAW;IACT,WAAW;IACX,QAAQ;IACT;GACF;EACD,MAAM;GACJ,SAAS;GACT,GAAG;GACJ;EACD,SAAS;GACP,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,SAAS;GACT,UAAU;GACV,gBAAgB;GAChB,WAAW,EACT,QAAQ,YACT;GACD,WAAW,EACT,YAAY,YACb;GACF;EACF;CAED,OAAO;EACL,IAAI;GACF,MAAM,EAAE,GAAG,KAAK;GAChB,MAAM,EAAE,KAAK,KAAK;GACnB;EACD,IAAI;GACF,MAAM,EAAE,GAAG,KAAK;GAChB,MAAM,EAAE,KAAK,KAAK;GACnB;EACD,IAAI;GACF,MAAM,EAAE,GAAG,KAAK;GAChB,MAAM,EAAE,KAAK,KAAK;GACnB;EACD,IAAI;GACF,MAAM,EAAE,GAAG,KAAK;GAChB,MAAM,EAAE,KAAK,KAAK;GACnB;EACF;CAED,UAAU;EACR,UAAU,EACR,MAAM;GACJ,IAAI;GACJ,WAAW;GACX,WAAW,EACT,WAAW,MACZ;GACF,EACF;EACD,SAAS,EACP,MAAM;GACJ,YAAY;GACZ,IAAI;GACL,EACF;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,OAAO;GACL,MAAM;IACJ,MAAM;IACN,GAAG;IACH,SAAS;IACT,WAAW,EAAE,WAAW,SAAS;IAClC;GACD,MAAM,EAAE,KAAK,OAAO;GACrB;EACD,OAAO,EACL,MAAM,EACJ,YAAY,SACb,EACF;EACD,QAAQ,EACN,MAAM,EACJ,YAAY,UACb,EACF;EACD,SAAS,EACP,MAAM,EACJ,YAAY,WACb,EACF;EACF;CAED,OAAO,EAML,aAAa;EACX,YAAY,EACV,MAAM,EACJ,eAAe,OAChB,EACF;EACD,UAAU,EACR,MAAM;GACJ,YAAY;GACZ,eAAe;GAChB,EACF;EACF,EACF;CAED,cAAc;EACZ,MAAM;EACN,SAAS;EACT,aAAa;EACd;CACF,CAAC"}