flowbite-react/dist/components/Button/theme.cjs.map

Official React components built for Flowbite and Tailwind CSS

{"version":3,"file":"theme.cjs","sources":["../../../src/components/Button/theme.ts"],"sourcesContent":["import { createTheme } from \"../../helpers/create-theme\";\nimport type { ButtonTheme } from \"./Button\";\nimport type { ButtonGroupTheme } from \"./ButtonGroup\";\n\nexport const buttonTheme = createTheme<ButtonTheme>({\n  base: \"relative flex items-center justify-center rounded-lg text-center font-medium focus:outline-none focus:ring-4\",\n  disabled: \"pointer-events-none opacity-50\",\n  fullSized: \"w-full\",\n  grouped: \"rounded-none border-l-0 first:rounded-s-lg first:border-l last:rounded-e-lg focus:ring-2\",\n  pill: \"rounded-full\",\n  size: {\n    xs: \"h-8 px-3 text-xs\",\n    sm: \"h-9 px-3 text-sm\",\n    md: \"h-10 px-5 text-sm\",\n    lg: \"h-12 px-5 text-base\",\n    xl: \"h-[52px] px-6 text-base\",\n  },\n  color: {\n    default:\n      \"bg-primary-700 text-white hover:bg-primary-800 focus:ring-primary-300 dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-800\",\n    alternative:\n      \"border border-gray-200 bg-white text-gray-900 hover:bg-gray-100 hover:text-primary-700 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-700\",\n    blue: \"bg-blue-700 text-white hover:bg-blue-800 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800\",\n    cyan: \"bg-cyan-700 text-white hover:bg-cyan-800 focus:ring-cyan-300 dark:bg-cyan-600 dark:hover:bg-cyan-700 dark:focus:ring-cyan-800\",\n    dark: \"bg-gray-800 text-white hover:bg-gray-900 focus:ring-gray-300 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700\",\n    gray: \"bg-gray-700 text-white hover:bg-gray-800 focus:ring-gray-300 dark:bg-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-800\",\n    green:\n      \"bg-green-700 text-white hover:bg-green-800 focus:ring-green-300 dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800\",\n    indigo:\n      \"bg-indigo-700 text-white hover:bg-indigo-800 focus:ring-indigo-300 dark:bg-indigo-600 dark:hover:bg-indigo-700 dark:focus:ring-indigo-800\",\n    light:\n      \"border border-gray-300 bg-white text-gray-900 hover:bg-gray-100 focus:ring-gray-100 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:border-gray-600 dark:hover:bg-gray-700 dark:focus:ring-gray-700\",\n    lime: \"bg-lime-700 text-white hover:bg-lime-800 focus:ring-lime-300 dark:bg-lime-600 dark:hover:bg-lime-700 dark:focus:ring-lime-800\",\n    pink: \"bg-pink-700 text-white hover:bg-pink-800 focus:ring-pink-300 dark:bg-pink-600 dark:hover:bg-pink-700 dark:focus:ring-pink-800\",\n    purple:\n      \"bg-purple-700 text-white hover:bg-purple-800 focus:ring-purple-300 dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-800\",\n    red: \"bg-red-700 text-white hover:bg-red-800 focus:ring-red-300 dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-800\",\n    teal: \"bg-teal-700 text-white hover:bg-teal-800 focus:ring-teal-300 dark:bg-teal-600 dark:hover:bg-teal-700 dark:focus:ring-teal-800\",\n    yellow:\n      \"bg-yellow-400 text-white hover:bg-yellow-500 focus:ring-yellow-300 dark:bg-yellow-600 dark:hover:bg-yellow-400 dark:focus:ring-yellow-900\",\n  },\n  outlineColor: {\n    default:\n      \"border border-primary-700 text-primary-700 hover:border-primary-800 hover:bg-primary-800 hover:text-white focus:ring-primary-300 dark:border-primary-600 dark:text-primary-500 dark:hover:border-primary-700 dark:hover:bg-primary-700 dark:hover:text-white dark:focus:ring-primary-800\",\n    blue: \"border border-blue-700 text-blue-700 hover:border-blue-800 hover:bg-blue-800 hover:text-white focus:ring-blue-300 dark:border-blue-500 dark:text-blue-500 dark:hover:border-blue-700 dark:hover:bg-blue-700 dark:hover:text-white dark:focus:ring-blue-800\",\n    cyan: \"border border-cyan-700 text-cyan-700 hover:border-cyan-800 hover:bg-cyan-800 hover:text-white focus:ring-cyan-300 dark:border-cyan-500 dark:text-cyan-500 dark:hover:border-cyan-700 dark:hover:bg-cyan-700 dark:hover:text-white dark:focus:ring-cyan-800\",\n    dark: \"border border-gray-800 text-gray-800 hover:border-gray-900 hover:bg-gray-900 hover:text-white focus:ring-gray-300 dark:border-gray-600 dark:text-gray-400 dark:hover:bg-gray-600 dark:hover:text-white dark:focus:ring-gray-800\",\n    gray: \"border border-gray-700 text-gray-700 hover:border-gray-800 hover:bg-gray-800 hover:text-white focus:ring-gray-300 dark:border-gray-600 dark:text-gray-400 dark:hover:border-gray-700 dark:hover:bg-gray-700 dark:hover:text-white dark:focus:ring-gray-800\",\n    green:\n      \"border border-green-700 text-green-700 hover:border-green-800 hover:bg-green-800 hover:text-white focus:ring-green-300 dark:border-green-600 dark:text-green-500 dark:hover:border-green-700 dark:hover:bg-green-700 dark:hover:text-white dark:focus:ring-green-800\",\n    indigo:\n      \"border border-indigo-700 text-indigo-700 hover:border-indigo-800 hover:bg-indigo-800 hover:text-white focus:ring-indigo-300 dark:border-indigo-600 dark:text-indigo-400 dark:hover:border-indigo-700 dark:hover:bg-indigo-700 dark:hover:text-white dark:focus:ring-indigo-800\",\n    lime: \"border border-lime-700 text-lime-700 hover:border-lime-800 hover:bg-lime-800 hover:text-white focus:ring-lime-300 dark:border-lime-600 dark:text-lime-500 dark:hover:border-lime-700 dark:hover:bg-lime-700 dark:hover:text-white dark:focus:ring-lime-800\",\n    pink: \"border border-pink-700 text-pink-700 hover:border-pink-800 hover:bg-pink-800 hover:text-white focus:ring-pink-300 dark:border-pink-600 dark:text-pink-500 dark:hover:border-pink-700 dark:hover:bg-pink-700 dark:hover:text-white dark:focus:ring-pink-800\",\n    purple:\n      \"border border-purple-700 text-purple-700 hover:border-purple-800 hover:bg-purple-800 hover:text-white focus:ring-purple-300 dark:border-purple-600 dark:text-purple-400 dark:hover:border-purple-700 dark:hover:bg-purple-700 dark:hover:text-white dark:focus:ring-purple-800\",\n    red: \"border border-red-700 text-red-700 hover:border-red-800 hover:bg-red-800 hover:text-white focus:ring-red-300 dark:border-red-600 dark:text-red-500 dark:hover:border-red-700 dark:hover:bg-red-700 dark:hover:text-white dark:focus:ring-red-800\",\n    teal: \"border border-teal-700 text-teal-700 hover:border-teal-800 hover:bg-teal-800 hover:text-white focus:ring-teal-300 dark:border-teal-600 dark:text-teal-400 dark:hover:border-teal-700 dark:hover:bg-teal-700 dark:hover:text-white dark:focus:ring-teal-800\",\n    yellow:\n      \"border border-yellow-400 text-yellow-400 hover:border-yellow-500 hover:bg-yellow-500 hover:text-white focus:ring-yellow-300 dark:border-yellow-300 dark:text-yellow-300 dark:hover:border-yellow-400 dark:hover:bg-yellow-400 dark:hover:text-white dark:focus:ring-yellow-900\",\n  },\n});\n\nexport const buttonGroupTheme = createTheme<ButtonGroupTheme>({\n  base: \"inline-flex rounded-md shadow-sm\",\n});\n"],"names":["createTheme"],"mappings":";;;;AAEY,MAAC,WAAW,GAAGA,uBAAW,CAAC;AACvC,EAAE,IAAI,EAAE,8GAA8G;AACtH,EAAE,QAAQ,EAAE,gCAAgC;AAC5C,EAAE,SAAS,EAAE,QAAQ;AACrB,EAAE,OAAO,EAAE,0FAA0F;AACrG,EAAE,IAAI,EAAE,cAAc;AACtB,EAAE,IAAI,EAAE;AACR,IAAI,EAAE,EAAE,kBAAkB;AAC1B,IAAI,EAAE,EAAE,kBAAkB;AAC1B,IAAI,EAAE,EAAE,mBAAmB;AAC3B,IAAI,EAAE,EAAE,qBAAqB;AAC7B,IAAI,EAAE,EAAE;AACR,GAAG;AACH,EAAE,KAAK,EAAE;AACT,IAAI,OAAO,EAAE,iJAAiJ;AAC9J,IAAI,WAAW,EAAE,2OAA2O;AAC5P,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,KAAK,EAAE,qIAAqI;AAChJ,IAAI,MAAM,EAAE,2IAA2I;AACvJ,IAAI,KAAK,EAAE,sNAAsN;AACjO,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,MAAM,EAAE,2IAA2I;AACvJ,IAAI,GAAG,EAAE,yHAAyH;AAClI,IAAI,IAAI,EAAE,+HAA+H;AACzI,IAAI,MAAM,EAAE;AACZ,GAAG;AACH,EAAE,YAAY,EAAE;AAChB,IAAI,OAAO,EAAE,0RAA0R;AACvS,IAAI,IAAI,EAAE,4PAA4P;AACtQ,IAAI,IAAI,EAAE,4PAA4P;AACtQ,IAAI,IAAI,EAAE,iOAAiO;AAC3O,IAAI,IAAI,EAAE,4PAA4P;AACtQ,IAAI,KAAK,EAAE,sQAAsQ;AACjR,IAAI,MAAM,EAAE,gRAAgR;AAC5R,IAAI,IAAI,EAAE,4PAA4P;AACtQ,IAAI,IAAI,EAAE,4PAA4P;AACtQ,IAAI,MAAM,EAAE,gRAAgR;AAC5R,IAAI,GAAG,EAAE,kPAAkP;AAC3P,IAAI,IAAI,EAAE,4PAA4P;AACtQ,IAAI,MAAM,EAAE;AACZ;AACA,CAAC;AACW,MAAC,gBAAgB,GAAGA,uBAAW,CAAC;AAC5C,EAAE,IAAI,EAAE;AACR,CAAC;;;;;"}