@transkripid/flowbite-react/lib/components/Button/theme.mjs.map

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

{"version":3,"file":"theme.mjs","sources":["../../../src/components/Button/theme.ts"],"sourcesContent":["import type { FlowbiteButtonTheme } from './Button';\nimport type { FlowbiteButtonGroupTheme } from './ButtonGroup';\n\nexport const buttonTheme: FlowbiteButtonTheme = {\n  base: 'group flex items-stretch items-center justify-center p-0.5 text-center font-medium relative focus:z-10 focus:outline-none transition-[color,background-color,border-color,text-decoration-color,fill,stroke,box-shadow]',\n  fullSized: 'w-full',\n  color: {\n    dark: 'text-white bg-gray-800 border border-transparent enabled:hover:bg-gray-900 focus:ring-4 focus:ring-gray-300 dark:bg-gray-800 dark:enabled:hover:bg-gray-700 dark:focus:ring-gray-800 dark:border-gray-700',\n    failure:\n      'text-white bg-red-700 border border-transparent enabled:hover:bg-red-800 focus:ring-4 focus:ring-red-300 dark:bg-red-600 dark:enabled:hover:bg-red-700 dark:focus:ring-red-900',\n    gray: 'text-gray-900 bg-white border border-gray-200 enabled:hover:bg-gray-100 enabled:hover:text-cyan-700 :ring-cyan-700 focus:text-cyan-700 dark:bg-transparent dark:text-gray-400 dark:border-gray-600 dark:enabled:hover:text-white dark:enabled:hover:bg-gray-700 focus:ring-4',\n    info: 'text-white bg-cyan-700 border border-transparent enabled:hover:bg-cyan-800 focus:ring-4 focus:ring-cyan-300 dark:bg-cyan-600 dark:enabled:hover:bg-cyan-700 dark:focus:ring-cyan-800',\n    light:\n      'text-gray-900 bg-white border border-gray-300 enabled:hover:bg-gray-100 focus:ring-4 focus:ring-cyan-300 dark:bg-gray-600 dark:text-white dark:border-gray-600 dark:enabled:hover:bg-gray-700 dark:enabled:hover:border-gray-700 dark:focus:ring-gray-700',\n    purple:\n      'text-white bg-purple-700 border border-transparent enabled:hover:bg-purple-800 focus:ring-4 focus:ring-purple-300 dark:bg-purple-600 dark:enabled:hover:bg-purple-700 dark:focus:ring-purple-900',\n    success:\n      'text-white bg-green-700 border border-transparent enabled:hover:bg-green-800 focus:ring-4 focus:ring-green-300 dark:bg-green-600 dark:enabled:hover:bg-green-700 dark:focus:ring-green-800',\n    warning:\n      'text-white bg-yellow-400 border border-transparent enabled:hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300 dark:focus:ring-yellow-900',\n    blue: 'text-white bg-blue-700 border border-transparent enabled:hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800',\n    cyan: 'text-cyan-900 bg-white border border-cyan-300 enabled:hover:bg-cyan-100 focus:ring-4 focus:ring-cyan-300 dark:bg-cyan-600 dark:text-white dark:border-cyan-600 dark:enabled:hover:bg-cyan-700 dark:enabled:hover:border-cyan-700 dark:focus:ring-cyan-700',\n    green:\n      'text-green-900 bg-white border border-green-300 enabled:hover:bg-green-100 focus:ring-4 focus:ring-green-300 dark:bg-green-600 dark:text-white dark:border-green-600 dark:enabled:hover:bg-green-700 dark:enabled:hover:border-green-700 dark:focus:ring-green-700',\n    indigo:\n      'text-indigo-900 bg-white border border-indigo-300 enabled:hover:bg-indigo-100 focus:ring-4 focus:ring-indigo-300 dark:bg-indigo-600 dark:text-white dark:border-indigo-600 dark:enabled:hover:bg-indigo-700 dark:enabled:hover:border-indigo-700 dark:focus:ring-indigo-700',\n    lime: 'text-lime-900 bg-white border border-lime-300 enabled:hover:bg-lime-100 focus:ring-4 focus:ring-lime-300 dark:bg-lime-600 dark:text-white dark:border-lime-600 dark:enabled:hover:bg-lime-700 dark:enabled:hover:border-lime-700 dark:focus:ring-lime-700',\n    pink: 'text-pink-900 bg-white border border-pink-300 enabled:hover:bg-pink-100 focus:ring-4 focus:ring-pink-300 dark:bg-pink-600 dark:text-white dark:border-pink-600 dark:enabled:hover:bg-pink-700 dark:enabled:hover:border-pink-700 dark:focus:ring-pink-700',\n    red: 'text-red-900 bg-white border border-red-300 enabled:hover:bg-red-100 focus:ring-4 focus:ring-red-300 dark:bg-red-600 dark:text-white dark:border-red-600 dark:enabled:hover:bg-red-700 dark:enabled:hover:border-red-700 dark:focus:ring-red-700',\n    teal: 'text-teal-900 bg-white border border-teal-300 enabled:hover:bg-teal-100 focus:ring-4 focus:ring-teal-300 dark:bg-teal-600 dark:text-white dark:border-teal-600 dark:enabled:hover:bg-teal-700 dark:enabled:hover:border-teal-700 dark:focus:ring-teal-700',\n    yellow:\n      'text-yellow-900 bg-white border border-yellow-300 enabled:hover:bg-yellow-100 focus:ring-4 focus:ring-yellow-300 dark:bg-yellow-600 dark:text-white dark:border-yellow-600 dark:enabled:hover:bg-yellow-700 dark:enabled:hover:border-yellow-700 dark:focus:ring-yellow-700',\n  },\n  disabled: 'cursor-not-allowed opacity-50',\n  isProcessing: 'cursor-wait',\n  spinnerSlot: 'absolute h-full top-0 flex items-center animate-fade-in',\n  spinnerLeftPosition: {\n    xs: 'left-2',\n    sm: 'left-3',\n    md: 'left-4',\n    lg: 'left-5',\n    xl: 'left-6',\n  },\n  gradient: {\n    cyan: 'text-white bg-gradient-to-r from-cyan-400 via-cyan-500 to-cyan-600 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-cyan-300 dark:focus:ring-cyan-800',\n    failure:\n      'text-white bg-gradient-to-r from-red-400 via-red-500 to-red-600 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-red-300 dark:focus:ring-red-800',\n    info: 'text-white bg-gradient-to-r from-cyan-500 via-cyan-600 to-cyan-700 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-cyan-300 dark:focus:ring-cyan-800 ',\n    lime: 'text-gray-900 bg-gradient-to-r from-lime-200 via-lime-400 to-lime-500 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-lime-300 dark:focus:ring-lime-800',\n\n    pink: 'text-white bg-gradient-to-r from-pink-400 via-pink-500 to-pink-600 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-pink-300 dark:focus:ring-pink-800',\n    purple:\n      'text-white bg-gradient-to-r from-purple-500 via-purple-600 to-purple-700 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-purple-300 dark:focus:ring-purple-800',\n    success:\n      'text-white bg-gradient-to-r from-green-400 via-green-500 to-green-600 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-green-300 dark:focus:ring-green-800',\n    teal: 'text-white bg-gradient-to-r from-teal-400 via-teal-500 to-teal-600 enabled:hover:bg-gradient-to-br focus:ring-4 focus:ring-teal-300 dark:focus:ring-teal-800',\n  },\n  gradientDuoTone: {\n    cyanToBlue:\n      'text-white bg-gradient-to-r from-cyan-500 to-cyan-500 enabled:hover:bg-gradient-to-bl focus:ring-4 focus:ring-cyan-300 dark:focus:ring-cyan-800',\n    greenToBlue:\n      'text-white bg-gradient-to-br from-green-400 to-cyan-600 enabled:hover:bg-gradient-to-bl focus:ring-4 focus:ring-green-200 dark:focus:ring-green-800',\n    pinkToOrange:\n      'text-white bg-gradient-to-br from-pink-500 to-orange-400 enabled:hover:bg-gradient-to-bl focus:ring-4 focus:ring-pink-200 dark:focus:ring-pink-800',\n    purpleToBlue:\n      'text-white bg-gradient-to-br from-purple-600 to-cyan-500 enabled:hover:bg-gradient-to-bl focus:ring-4 focus:ring-cyan-300 dark:focus:ring-cyan-800',\n    purpleToPink:\n      'text-white bg-gradient-to-r from-purple-500 to-pink-500 enabled:hover:bg-gradient-to-l focus:ring-4 focus:ring-purple-200 dark:focus:ring-purple-800',\n    redToYellow:\n      'text-gray-900 bg-gradient-to-r from-red-200 via-red-300 to-yellow-200 enabled:hover:bg-gradient-to-bl focus:ring-4 focus:ring-red-100 dark:focus:ring-red-400',\n    tealToLime:\n      'text-gray-900 bg-gradient-to-r from-teal-200 to-lime-200 enabled:hover:bg-gradient-to-l enabled:hover:from-teal-200 enabled:hover:to-lime-200 enabled:hover:text-gray-900 focus:ring-4 focus:ring-lime-200 dark:focus:ring-teal-700',\n  },\n  inner: {\n    base: 'flex items-stretch items-center transition-all duration-200',\n    position: {\n      none: '',\n      start: 'rounded-r-none',\n      middle: 'rounded-none',\n      end: 'rounded-l-none',\n    },\n    outline: 'border border-transparent',\n    isProcessingPadding: {\n      xs: 'pl-8',\n      sm: 'pl-10',\n      md: 'pl-12',\n      lg: 'pl-16',\n      xl: 'pl-20',\n    },\n  },\n  label:\n    'ml-2 inline-flex h-4 w-4 items-center justify-center rounded-full bg-cyan-200 text-xs font-semibold text-cyan-800',\n  outline: {\n    color: {\n      gray: 'border border-gray-900 dark:border-white',\n      default: 'border-0',\n      light: '',\n    },\n    off: '',\n    on: 'flex justify-center bg-white text-gray-900 transition-all duration-75 ease-in group-enabled:group-hover:bg-opacity-0 group-enabled:group-hover:text-inherit dark:bg-gray-900 dark:text-white w-full',\n    pill: {\n      off: 'rounded-md',\n      on: 'rounded-full',\n    },\n  },\n  pill: {\n    off: 'rounded-lg',\n    on: 'rounded-full',\n  },\n  size: {\n    xs: 'text-xs px-2 py-1',\n    sm: 'text-sm px-3 py-1.5',\n    md: 'text-sm px-4 py-2',\n    lg: 'text-base px-5 py-2.5',\n    xl: 'text-base px-6 py-3',\n  },\n};\n\nexport const buttonGroupTheme: FlowbiteButtonGroupTheme = {\n  base: 'inline-flex',\n  position: {\n    none: '',\n    start: 'rounded-r-none focus:ring-2',\n    middle: 'rounded-none border-l-0 pl-0 focus:ring-2',\n    end: 'rounded-l-none border-l-0 pl-0 focus:ring-2',\n  },\n};\n"],"names":["buttonTheme","base","fullSized","color","dark","failure","gray","info","light","purple","success","warning","blue","cyan","green","indigo","lime","pink","red","teal","yellow","disabled","isProcessing","spinnerSlot","spinnerLeftPosition","xs","sm","md","lg","xl","gradient","gradientDuoTone","cyanToBlue","greenToBlue","pinkToOrange","purpleToBlue","purpleToPink","redToYellow","tealToLime","inner","position","none","start","middle","end","outline","isProcessingPadding","label","default","off","on","pill","size","buttonGroupTheme"],"mappings":"AAGO,MAAMA,IAAmC;AAAA,EAC9CC,MAAM;AAAA,EACNC,WAAW;AAAA,EACXC,OAAO;AAAA,IACLC,MAAM;AAAA,IACNC,SACE;AAAA,IACFC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OACE;AAAA,IACFC,QACE;AAAA,IACFC,SACE;AAAA,IACFC,SACE;AAAA,IACFC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,OACE;AAAA,IACFC,QACE;AAAA,IACFC,MAAM;AAAA,IACNC,MAAM;AAAA,IACNC,KAAK;AAAA,IACLC,MAAM;AAAA,IACNC,QACE;AAAA,EACJ;AAAA,EACAC,UAAU;AAAA,EACVC,cAAc;AAAA,EACdC,aAAa;AAAA,EACbC,qBAAqB;AAAA,IACnBC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN;AAAA,EACAC,UAAU;AAAA,IACRjB,MAAM;AAAA,IACNR,SACE;AAAA,IACFE,MAAM;AAAA,IACNS,MAAM;AAAA,IAENC,MAAM;AAAA,IACNR,QACE;AAAA,IACFC,SACE;AAAA,IACFS,MAAM;AAAA,EACR;AAAA,EACAY,iBAAiB;AAAA,IACfC,YACE;AAAA,IACFC,aACE;AAAA,IACFC,cACE;AAAA,IACFC,cACE;AAAA,IACFC,cACE;AAAA,IACFC,aACE;AAAA,IACFC,YACE;AAAA,EACJ;AAAA,EACAC,OAAO;AAAA,IACLtC,MAAM;AAAA,IACNuC,UAAU;AAAA,MACRC,MAAM;AAAA,MACNC,OAAO;AAAA,MACPC,QAAQ;AAAA,MACRC,KAAK;AAAA,IACP;AAAA,IACAC,SAAS;AAAA,IACTC,qBAAqB;AAAA,MACnBrB,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,MACJC,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACAkB,OACE;AAAA,EACFF,SAAS;AAAA,IACP1C,OAAO;AAAA,MACLG,MAAM;AAAA,MACN0C,SAAS;AAAA,MACTxC,OAAO;AAAA,IACT;AAAA,IACAyC,KAAK;AAAA,IACLC,IAAI;AAAA,IACJC,MAAM;AAAA,MACJF,KAAK;AAAA,MACLC,IAAI;AAAA,IACN;AAAA,EACF;AAAA,EACAC,MAAM;AAAA,IACJF,KAAK;AAAA,IACLC,IAAI;AAAA,EACN;AAAA,EACAE,MAAM;AAAA,IACJ3B,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,IACJC,IAAI;AAAA,EACN;AACF,GAEawB,IAA6C;AAAA,EACxDpD,MAAM;AAAA,EACNuC,UAAU;AAAA,IACRC,MAAM;AAAA,IACNC,OAAO;AAAA,IACPC,QAAQ;AAAA,IACRC,KAAK;AAAA,EACP;AACF;"}