@wordpress/components
Version:
UI components for WordPress.
8 lines (7 loc) • 1.56 kB
Source Map (JSON)
{
"version": 3,
"sources": ["../../src/divider/component.tsx"],
"sourcesContent": ["/**\n * External dependencies\n */\nimport * as Ariakit from '@ariakit/react';\n\n/**\n * Internal dependencies\n */\n\nimport { contextConnect, useContextSystem } from '../context';\nimport { DividerView } from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction UnconnectedDivider(props, forwardedRef) {\n const contextProps = useContextSystem(props, 'Divider');\n return /*#__PURE__*/_jsx(Ariakit.Separator, {\n render: /*#__PURE__*/_jsx(DividerView, {}),\n ...contextProps,\n ref: forwardedRef\n });\n}\n\n/**\n * `Divider` is a layout component that separates groups of related content.\n *\n * ```js\n * import {\n * \t\t__experimentalDivider as Divider,\n * \t\t__experimentalText as Text,\n * \t\t__experimentalVStack as VStack,\n * } from `@wordpress/components`;\n *\n * function Example() {\n * \treturn (\n * \t\t<VStack spacing={4}>\n * \t\t\t<Text>Some text here</Text>\n * \t\t\t<Divider />\n * \t\t\t<Text>Some more text here</Text>\n * \t\t</VStack>\n * \t);\n * }\n * ```\n */\nexport const Divider = contextConnect(UnconnectedDivider, 'Divider');\nexport default Divider;"],
"mappings": ";AAGA,YAAY,aAAa;AAMzB,SAAS,gBAAgB,wBAAwB;AACjD,SAAS,mBAAmB;AAC5B,SAAS,OAAO,YAAY;AAC5B,SAAS,mBAAmB,OAAO,cAAc;AAC/C,QAAM,eAAe,iBAAiB,OAAO,SAAS;AACtD,SAAoB,qBAAa,mBAAW;AAAA,IAC1C,QAAqB,qBAAK,aAAa,CAAC,CAAC;AAAA,IACzC,GAAG;AAAA,IACH,KAAK;AAAA,EACP,CAAC;AACH;AAuBO,IAAM,UAAU,eAAe,oBAAoB,SAAS;AACnE,IAAO,oBAAQ;",
"names": []
}