1 line
3.9 KiB
Plaintext
1 line
3.9 KiB
Plaintext
{"version":3,"sources":["../src/components/menu.ts"],"sourcesContent":["import { menuAnatomy as parts } from \"@chakra-ui/anatomy\"\nimport {\n createMultiStyleConfigHelpers,\n cssVar,\n defineStyle,\n} from \"@chakra-ui/styled-system\"\n\nconst { defineMultiStyleConfig, definePartsStyle } =\n createMultiStyleConfigHelpers(parts.keys)\n\nconst $bg = cssVar(\"menu-bg\")\nconst $shadow = cssVar(\"menu-shadow\")\n\nconst baseStyleList = defineStyle({\n [$bg.variable]: \"#fff\",\n [$shadow.variable]: \"shadows.sm\",\n _dark: {\n [$bg.variable]: \"colors.gray.700\",\n [$shadow.variable]: \"shadows.dark-lg\",\n },\n color: \"inherit\",\n minW: \"3xs\",\n py: \"2\",\n zIndex: 1,\n borderRadius: \"md\",\n borderWidth: \"1px\",\n bg: $bg.reference,\n boxShadow: $shadow.reference,\n})\n\nconst baseStyleItem = defineStyle({\n py: \"1.5\",\n px: \"3\",\n transitionProperty: \"background\",\n transitionDuration: \"ultra-fast\",\n transitionTimingFunction: \"ease-in\",\n _focus: {\n [$bg.variable]: \"colors.gray.100\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.100\",\n },\n },\n _active: {\n [$bg.variable]: \"colors.gray.200\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.200\",\n },\n },\n _expanded: {\n [$bg.variable]: \"colors.gray.100\",\n _dark: {\n [$bg.variable]: \"colors.whiteAlpha.100\",\n },\n },\n _disabled: {\n opacity: 0.4,\n cursor: \"not-allowed\",\n },\n bg: $bg.reference,\n})\n\nconst baseStyleGroupTitle = defineStyle({\n mx: 4,\n my: 2,\n fontWeight: \"semibold\",\n fontSize: \"sm\",\n})\n\nconst baseStyleIcon = defineStyle({\n display: \"inline-flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n flexShrink: 0,\n})\n\nconst baseStyleCommand = defineStyle({\n opacity: 0.6,\n})\n\nconst baseStyleDivider = defineStyle({\n border: 0,\n borderBottom: \"1px solid\",\n borderColor: \"inherit\",\n my: \"2\",\n opacity: 0.6,\n})\n\nconst baseStyleButton = defineStyle({\n transitionProperty: \"common\",\n transitionDuration: \"normal\",\n})\n\nconst baseStyle = definePartsStyle({\n button: baseStyleButton,\n list: baseStyleList,\n item: baseStyleItem,\n groupTitle: baseStyleGroupTitle,\n icon: baseStyleIcon,\n command: baseStyleCommand,\n divider: baseStyleDivider,\n})\n\nexport const menuTheme = defineMultiStyleConfig({\n baseStyle,\n})\n"],"mappings":";AAAA,SAAS,eAAe,aAAa;AACrC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,IAAM,EAAE,wBAAwB,iBAAiB,IAC/C,8BAA8B,MAAM,IAAI;AAE1C,IAAM,MAAM,OAAO,SAAS;AAC5B,IAAM,UAAU,OAAO,aAAa;AAEpC,IAAM,gBAAgB,YAAY;AAAA,EAChC,CAAC,IAAI,QAAQ,GAAG;AAAA,EAChB,CAAC,QAAQ,QAAQ,GAAG;AAAA,EACpB,OAAO;AAAA,IACL,CAAC,IAAI,QAAQ,GAAG;AAAA,IAChB,CAAC,QAAQ,QAAQ,GAAG;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,IAAI,IAAI;AAAA,EACR,WAAW,QAAQ;AACrB,CAAC;AAED,IAAM,gBAAgB,YAAY;AAAA,EAChC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,oBAAoB;AAAA,EACpB,oBAAoB;AAAA,EACpB,0BAA0B;AAAA,EAC1B,QAAQ;AAAA,IACN,CAAC,IAAI,QAAQ,GAAG;AAAA,IAChB,OAAO;AAAA,MACL,CAAC,IAAI,QAAQ,GAAG;AAAA,IAClB;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,CAAC,IAAI,QAAQ,GAAG;AAAA,IAChB,OAAO;AAAA,MACL,CAAC,IAAI,QAAQ,GAAG;AAAA,IAClB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,CAAC,IAAI,QAAQ,GAAG;AAAA,IAChB,OAAO;AAAA,MACL,CAAC,IAAI,QAAQ,GAAG;AAAA,IAClB;AAAA,EACF;AAAA,EACA,WAAW;AAAA,IACT,SAAS;AAAA,IACT,QAAQ;AAAA,EACV;AAAA,EACA,IAAI,IAAI;AACV,CAAC;AAED,IAAM,sBAAsB,YAAY;AAAA,EACtC,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,YAAY;AAAA,EACZ,UAAU;AACZ,CAAC;AAED,IAAM,gBAAgB,YAAY;AAAA,EAChC,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,gBAAgB;AAAA,EAChB,YAAY;AACd,CAAC;AAED,IAAM,mBAAmB,YAAY;AAAA,EACnC,SAAS;AACX,CAAC;AAED,IAAM,mBAAmB,YAAY;AAAA,EACnC,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,aAAa;AAAA,EACb,IAAI;AAAA,EACJ,SAAS;AACX,CAAC;AAED,IAAM,kBAAkB,YAAY;AAAA,EAClC,oBAAoB;AAAA,EACpB,oBAAoB;AACtB,CAAC;AAED,IAAM,YAAY,iBAAiB;AAAA,EACjC,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;AAEM,IAAM,YAAY,uBAAuB;AAAA,EAC9C;AACF,CAAC;","names":[]} |