@undp/design-system-react
Version:
React based design system for UNDP
1 lines • 6.34 kB
Source Map (JSON)
{"version":3,"file":"separator-DV_-GJFe.cjs","names":["Separator","Primitive"],"sources":["../node_modules/@radix-ui/react-separator/dist/index.mjs","../src/components/ui/separator.tsx"],"sourcesContent":["var __defProp = Object.defineProperty;\nvar __name = (target, value) => __defProp(target, \"name\", { value, configurable: true });\n\n// src/separator.tsx\nimport * as React from \"react\";\nimport { Primitive } from \"@radix-ui/react-primitive\";\nimport { jsx } from \"react/jsx-runtime\";\nvar DEFAULT_ORIENTATION = \"horizontal\";\nvar ORIENTATIONS = [\"horizontal\", \"vertical\"];\nvar Separator = /* @__PURE__ */ React.forwardRef(\n /* @__PURE__ */ __name(function Separator2(props, forwardedRef) {\n const { decorative, orientation: orientationProp = DEFAULT_ORIENTATION, ...domProps } = props;\n const orientation = isValidOrientation(orientationProp) ? orientationProp : DEFAULT_ORIENTATION;\n const ariaOrientation = orientation === \"vertical\" ? orientation : void 0;\n const semanticProps = decorative ? { role: \"none\" } : { \"aria-orientation\": ariaOrientation, role: \"separator\" };\n return /* @__PURE__ */ jsx(\n Primitive.div,\n {\n \"data-orientation\": orientation,\n ...semanticProps,\n ...domProps,\n ref: forwardedRef\n }\n );\n }, \"Separator\")\n);\nfunction isValidOrientation(orientation) {\n return ORIENTATIONS.includes(orientation);\n}\n__name(isValidOrientation, \"isValidOrientation\");\nvar Root = Separator;\nexport {\n Root,\n Separator\n};\n//# sourceMappingURL=index.mjs.map\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { Separator as SeparatorPrimitive } from 'radix-ui';\nimport React from 'react';\nimport { cn } from '@/lib/utils';\n\nconst separatorVariants = cva('', {\n variants: {\n orientation: {\n horizontal: 'w-full',\n vertical: 'h-full',\n },\n thickness: {\n xs: '',\n sm: '',\n md: '',\n lg: '',\n xl: '',\n '2xl': '',\n },\n color: {\n primary: 'bg-primary',\n secondary: 'bg-secondary',\n tertiary: 'bg-tertiary',\n quaternary: 'bg-quaternary',\n background: 'bg-background',\n 'background-soft': 'bg-background-soft',\n foreground: 'bg-foreground',\n 'foreground-soft': 'bg-foreground-soft',\n surface: 'bg-surface',\n 'surface-2xs': 'bg-surface-2xs',\n 'surface-xs': 'bg-surface-xs',\n 'surface-sm': 'bg-surface-sm',\n 'surface-md': 'bg-surface-md',\n 'surface-lg': 'bg-surface-lg',\n 'surface-xl': 'bg-surface-xl',\n 'surface-2xl': 'bg-surface-2xl',\n 'surface-3xl': 'bg-surface-3xl',\n 'surface-4xl': 'bg-surface-4xl',\n },\n },\n compoundVariants: [\n {\n orientation: 'horizontal',\n thickness: 'xs',\n class: 'h-[1px]',\n },\n {\n orientation: 'horizontal',\n thickness: 'sm',\n class: 'h-[2px]',\n },\n {\n orientation: 'horizontal',\n thickness: 'md',\n class: 'h-[3px]',\n },\n {\n orientation: 'horizontal',\n thickness: 'lg',\n class: 'h-[4px]',\n },\n {\n orientation: 'horizontal',\n thickness: 'xl',\n class: 'h-[5px]',\n },\n {\n orientation: 'horizontal',\n thickness: '2xl',\n class: 'h-[6px]',\n },\n {\n orientation: 'vertical',\n thickness: 'xs',\n class: 'w-[1px]',\n },\n {\n orientation: 'vertical',\n thickness: 'sm',\n class: 'w-[2px]',\n },\n {\n orientation: 'vertical',\n thickness: 'md',\n class: 'w-[3px]',\n },\n {\n orientation: 'vertical',\n thickness: 'lg',\n class: 'w-[4px]',\n },\n {\n orientation: 'vertical',\n thickness: 'xl',\n class: 'w-[5px]',\n },\n {\n orientation: 'vertical',\n thickness: '2xl',\n class: 'w-[6px]',\n },\n ],\n defaultVariants: {\n orientation: 'horizontal',\n color: 'surface',\n thickness: 'xs',\n },\n});\n\nconst Separator = React.forwardRef<\n React.ComponentRef<typeof SeparatorPrimitive.Root>,\n React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> &\n VariantProps<typeof separatorVariants>\n>(({ className, orientation, color, thickness = 'xs', ...props }, ref) => (\n <SeparatorPrimitive.Root\n {...props}\n ref={ref}\n orientation={orientation}\n className={cn(separatorVariants({ orientation, color, thickness }), className)}\n />\n));\nSeparator.displayName = SeparatorPrimitive.Root.displayName;\n\nexport { Separator };\n"],"x_google_ignoreList":[0],"mappings":"4NAAA,IAAI,EAAY,OAAO,eACnB,GAAU,EAAQ,IAAU,EAAU,EAAQ,OAAQ,CAAE,QAAO,aAAc,EAAK,CAAC,EAMnF,EAAsB,aACtB,EAAe,CAAC,aAAc,UAAU,EACxCA,EAA4B,EAAM,WACpB,EAAO,SAAoB,EAAO,EAAc,CAC9D,GAAM,CAAE,aAAY,YAAa,EAAkB,EAAqB,GAAG,GAAa,EAClF,EAAc,EAAmB,CAAe,EAAI,EAAkB,EAEtE,EAAgB,EAAa,CAAE,KAAM,MAAO,EAAI,CAAE,mBADhC,IAAgB,WAAa,EAAc,IAAK,GACqB,KAAM,WAAY,EAC/G,OAAuB,EAAA,EAAA,IAAA,CACrBC,EAAAA,EAAU,IACV,CACE,mBAAoB,EACpB,GAAG,EACH,GAAG,EACH,IAAK,CACP,CACF,CACF,EAAG,WAAW,CAChB,EACA,SAAS,EAAmB,EAAa,CACvC,OAAO,EAAa,SAAS,CAAW,CAC1C,CACA,EAAO,EAAoB,oBAAoB,EAC/C,IAAI,EAAOD,ECzBL,EAAoB,EAAA,EAAI,GAAI,CAChC,SAAU,CACR,YAAa,CACX,WAAY,SACZ,SAAU,QACZ,EACA,UAAW,CACT,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,GAAI,GACJ,MAAO,EACT,EACA,MAAO,CACL,QAAS,aACT,UAAW,eACX,SAAU,cACV,WAAY,gBACZ,WAAY,gBACZ,kBAAmB,qBACnB,WAAY,gBACZ,kBAAmB,qBACnB,QAAS,aACT,cAAe,iBACf,aAAc,gBACd,aAAc,gBACd,aAAc,gBACd,aAAc,gBACd,aAAc,gBACd,cAAe,iBACf,cAAe,iBACf,cAAe,gBACjB,CACF,EACA,iBAAkB,CAChB,CACE,YAAa,aACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,aACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,aACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,aACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,aACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,aACb,UAAW,MACX,MAAO,SACT,EACA,CACE,YAAa,WACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,WACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,WACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,WACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,WACb,UAAW,KACX,MAAO,SACT,EACA,CACE,YAAa,WACb,UAAW,MACX,MAAO,SACT,CACF,EACA,gBAAiB,CACf,YAAa,aACb,MAAO,UACP,UAAW,IACb,CACF,CAAC,EAEK,EAAY,EAAA,QAAM,YAIrB,CAAE,YAAW,cAAa,QAAO,YAAY,KAAM,GAAG,GAAS,KAChE,EAAA,EAAA,IAAA,CAAC,EAAD,CACE,GAAI,EACC,MACQ,cACb,UAAW,EAAA,EAAG,EAAkB,CAAE,cAAa,QAAO,WAAU,CAAC,EAAG,CAAS,CAC9E,CAAA,CACF,EACD,EAAU,YAAA,EAAsC"}