{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/xtbVdO2nDiYGL3pwaYjW/XvHKkRhyNbMWOzmSHnrU/Color_Highlight.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n * @framerIntrinsicWidth 300\n * @framerIntrinsicHeight 50\n */export function CustomHighlightText(props){const{text,highlightColor,fontFamily,fontSize,fontWeight,lineHeight,letterSpacing,textColor,backgroundColor,padding,borderRadius,style}=props;const highlightStyle=`\n        ::selection {\n            background: ${highlightColor};\n        }\n    `;const textStyle={fontFamily,fontSize:`${fontSize}px`,fontWeight,lineHeight,letterSpacing:`${letterSpacing}px`,color:textColor,backgroundColor,padding:`${padding}px`,borderRadius:`${borderRadius}px`,...style};return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\"},children:[/*#__PURE__*/_jsx(\"style\",{children:highlightStyle}),/*#__PURE__*/_jsx(\"span\",{style:textStyle,children:text})]});}CustomHighlightText.defaultProps={text:\"Select this text to see the highlight effect\",highlightColor:\"yellow\",fontFamily:\"Arial\",fontSize:16,fontWeight:\"normal\",lineHeight:\"1.5\",letterSpacing:0,textColor:\"#000\",backgroundColor:\"#fff\",padding:10,borderRadius:5};addPropertyControls(CustomHighlightText,{text:{type:ControlType.String,title:\"Text\"},highlightColor:{type:ControlType.Color,title:\"Highlight Color\",defaultValue:\"yellow\"},fontFamily:{type:ControlType.String,title:\"Font Family\",defaultValue:\"Arial\"},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:16,min:1,max:100},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",defaultValue:\"normal\",options:[\"normal\",\"bold\",\"bolder\",\"lighter\",\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],optionTitles:[\"Normal\",\"Bold\",\"Bolder\",\"Lighter\",\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"]},lineHeight:{type:ControlType.String,title:\"Line Height\",defaultValue:\"1.5\"},letterSpacing:{type:ControlType.Number,title:\"Letter Spacing\",defaultValue:0,min:-10,max:10},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#fff\"},padding:{type:ControlType.Number,title:\"Padding\",defaultValue:10,min:0,max:100},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:5,min:0,max:50}});\nexport const __FramerMetadata__ = {\"exports\":{\"CustomHighlightText\":{\"type\":\"reactComponent\",\"name\":\"CustomHighlightText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth 300\",\"framerIntrinsicHeight\":\"50\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Color_Highlight.map"],
  "mappings": "yIAAAA,IAIU,SAASC,EAAoBC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,eAAAC,EAAe,WAAAC,EAAW,SAAAC,EAAS,WAAAC,EAAW,WAAAC,EAAW,cAAAC,EAAc,UAAAC,EAAU,gBAAAC,EAAgB,QAAAC,EAAQ,aAAAC,EAAa,MAAAC,CAAK,EAAEZ,EAAYa,EAAe;AAAA;AAAA,0BAEvLX,CAAc;AAAA;AAAA,MAE5BY,EAAU,CAAC,WAAAX,EAAW,SAAS,GAAGC,CAAQ,KAAK,WAAAC,EAAW,WAAAC,EAAW,cAAc,GAAGC,CAAa,KAAK,MAAMC,EAAU,gBAAAC,EAAgB,QAAQ,GAAGC,CAAO,KAAK,aAAa,GAAGC,CAAY,KAAK,GAAGC,CAAK,EAAE,OAAoBG,EAAM,MAAM,CAAC,MAAM,CAAC,SAAS,UAAU,EAAE,SAAS,CAAcC,EAAK,QAAQ,CAAC,SAASH,CAAc,CAAC,EAAeG,EAAK,OAAO,CAAC,MAAMF,EAAU,SAASb,CAAI,CAAC,CAAC,CAAC,CAAC,CAAE,CAACF,EAAoB,aAAa,CAAC,KAAK,+CAA+C,eAAe,SAAS,WAAW,QAAQ,SAAS,GAAG,WAAW,SAAS,WAAW,MAAM,cAAc,EAAE,UAAU,OAAO,gBAAgB,OAAO,QAAQ,GAAG,aAAa,CAAC,EAAEkB,EAAoBlB,EAAoB,CAAC,KAAK,CAAC,KAAKmB,EAAY,OAAO,MAAM,MAAM,EAAE,eAAe,CAAC,KAAKA,EAAY,MAAM,MAAM,kBAAkB,aAAa,QAAQ,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,cAAc,aAAa,OAAO,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,WAAW,CAAC,KAAKA,EAAY,KAAK,MAAM,cAAc,aAAa,SAAS,QAAQ,CAAC,SAAS,OAAO,SAAS,UAAU,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAAE,aAAa,CAAC,SAAS,OAAO,SAAS,UAAU,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,CAAC,EAAE,WAAW,CAAC,KAAKA,EAAY,OAAO,MAAM,cAAc,aAAa,KAAK,EAAE,cAAc,CAAC,KAAKA,EAAY,OAAO,MAAM,iBAAiB,aAAa,EAAE,IAAI,IAAI,IAAI,EAAE,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,aAAa,MAAM,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,mBAAmB,aAAa,MAAM,EAAE,QAAQ,CAAC,KAAKA,EAAY,OAAO,MAAM,UAAU,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC",
  "names": ["init_ssg_sandbox_shims", "CustomHighlightText", "props", "text", "highlightColor", "fontFamily", "fontSize", "fontWeight", "lineHeight", "letterSpacing", "textColor", "backgroundColor", "padding", "borderRadius", "style", "highlightStyle", "textStyle", "u", "p", "addPropertyControls", "ControlType"]
}