@material-tailwind/react/theme/components/chip/index.js

@material-tailwind/react is an easy-to-use components library for ReactJS & Tailwind CSS inspired by Material Design.

"use strict";Object.defineProperty(exports,"__esModule",{value:true});function _export(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:true,get:all[name]})}_export(exports,{chip:function(){return chip},default:function(){return _default}});var _chipFilled=_interopRequireDefault(require("./chipFilled"));var _chipGradient=_interopRequireDefault(require("./chipGradient"));var _chipOutlined=_interopRequireDefault(require("./chipOutlined"));var _chipGhost=_interopRequireDefault(require("./chipGhost"));var _chip=require("../../../types/components/chip");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}var chip={defaultProps:{variant:"filled",size:"md",color:"gray",icon:undefined,open:true,onClose:undefined,action:undefined,animate:{unmount:{},mount:{}},className:""},valid:{variants:_chip.propTypesVariant,sizes:_chip.propTypesSize,colors:_chip.propTypesColor},styles:{base:{chip:{position:"relative",display:"grid",placeItems:"items-center",fontFamily:"font-sans",fontWeight:"font-bold",textTransform:"uppercase",lineHeight:"leading-none",whiteSpace:"whitespace-nowrap",userSelect:"select-none"},action:{position:"!absolute",top:"top-2/4",right:"right-1",translate:"-translate-y-2/4",mx:"mx-px",rounded:"rounded-md"},icon:{position:"absolute",top:"top-2/4",translate:"-translate-y-2/4"}},sizes:{sm:{chip:{py:"py-1",px:"px-2",fontSize:"text-xs",borderRadius:"rounded-md"},action:{width:"w-4",height:"h-4"},icon:{width:"w-4",height:"h-4",left:"left-1"}},md:{chip:{py:"py-1.5",px:"px-3",fontSize:"text-xs",borderRadius:"rounded-lg"},action:{width:"w-5",height:"h-5"},icon:{width:"w-5",height:"h-5",left:"left-1.5"}},lg:{chip:{py:"py-2",px:"px-4",fontSize:"text-xs",borderRadius:"rounded-lg"},action:{width:"w-6",height:"h-6"},icon:{width:"w-6",height:"h-6",left:"left-1.5"}}},variants:{filled:_chipFilled.default,gradient:_chipGradient.default,outlined:_chipOutlined.default,ghost:_chipGhost.default}}};var _default=chip;