@swapr/ui/dist/cjs/components/Button/styles.cjs.map

Lib of UI components and web3 components

{"version":3,"file":"styles.cjs","sources":["../../../../src/components/Button/styles.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonStyles = cva(\n  [\n    \"flex items-center justify-center h-fit\",\n    \"select-none font-semibold text-nowrap outline-none\",\n    \"disabled:cursor-not-allowed disabled:ring-0 disabled:text-text-base-em\",\n    \"focus:ring-[3px]\",\n    \"active:ring-[3px]\",\n  ],\n  {\n    variants: {\n      size: {\n        xl: \"px-5c h-14 space-x-2 rounded-12 text-lg\",\n        lg: \"px-4 h-12 space-x-2 rounded-12 text-md\",\n        md: \"px-3.5 h-10 py-2 space-x-2 rounded-12 text-base\",\n        sm: \"px-2.5 h-8 space-x-2 rounded-8 text-sm\",\n        xs: \"px-2 h-6 py-1 space-x-1 rounded-6 text-xs\",\n      },\n      variant: {\n        primary: [],\n        light: [],\n        secondary: [],\n        tertiary: [],\n        neutral: [],\n        ghost: [\"hover:disabled:bg-transparent-inverse\"],\n      },\n      colorScheme: {\n        main: [\"ring-outline-med-em\"],\n        danger: [\"ring-outline-danger-alpha\"],\n        success: [\"ring-outline-success-alpha\"],\n      },\n      active: {\n        true: [\"ring-[3px]\"],\n      },\n      width: {\n        full: \"w-full\",\n        fit: \"w-fit\",\n        normal: \"\",\n      },\n    },\n    compoundVariants: [\n      {\n        variant: [\"primary\", \"light\", \"secondary\", \"tertiary\", \"neutral\"],\n        class: [\n          \"disabled:bg-surface-disabled-base-em disabled:shadow-secondary-button\",\n        ],\n      },\n      {\n        variant: \"primary\",\n        colorScheme: \"main\",\n        class: [\n          \"bg-surface-primary-med-em text-text-inverse-black-neutral shadow-primary-button\",\n          \"hover:bg-surface-primary-high-em\",\n          \"ring-outline-primary-alpha\",\n        ],\n      },\n      {\n        variant: \"light\",\n        colorScheme: \"main\",\n        class: [\n          \"bg-surface-primary-base-em-alpha text-text-primary-high-em shadow-secondary-button\",\n          \"hover:bg-surface-primary-low-em-alpha\",\n          \"ring-outline-primary-alpha\",\n        ],\n      },\n      {\n        variant: \"secondary\",\n        colorScheme: \"main\",\n        class: [\n          \"bg-surface-surface-smoke-gray text-text-med-em shadow-secondary-button\",\n          \"hover:bg-surface-surface-smoke-gray-em\",\n        ],\n      },\n      {\n        variant: \"tertiary\",\n        colorScheme: \"main\",\n        class: [\n          \"bg-surface-surface-white-smoke-1 border border-outline-base-em text-text-med-em shadow-secondary-button\",\n          \"hover:bg-surface-surface-3\",\n        ],\n      },\n      {\n        variant: \"ghost\",\n        colorScheme: \"main\",\n        class: [\"hover:bg-surface-surface-smoke-gray text-text-med-em\"],\n      },\n      {\n        variant: \"neutral\",\n        colorScheme: \"main\",\n        class: [\n          \"text-text-inverse-black-neutral bg-surface-inverse-white-neutral shadow-primary-button\",\n          \"hover:bg-neutral-inverse-white-alpha-88)\",\n          \"focus-within:shadow-focus-gray\",\n        ],\n      },\n      {\n        variant: \"primary\",\n        colorScheme: \"danger\",\n        class: [\n          \"text-text-inverse-black-neutral bg-surface-danger-med-em shadow-primary-button\",\n          \"hover:bg-surface-danger-high-em\",\n        ],\n      },\n      {\n        variant: \"light\",\n        colorScheme: \"danger\",\n        class: [\n          \"bg-surface-danger-base-em-alpha text-text-danger-high-em shadow-secondary-button\",\n          \"hover:bg-surface-danger-low-em-alpha\",\n          \"focus-within:shadow-focus-danger\",\n        ],\n      },\n      {\n        variant: \"secondary\",\n        colorScheme: \"danger\",\n        class: [\n          \"bg-surface-surface-smoke-gray text-text-danger-high-em shadow-secondary-button\",\n          \"hover:bg-surface-surface-smoke-gray-em\",\n        ],\n      },\n      {\n        variant: \"tertiary\",\n        colorScheme: \"danger\",\n        class: [\n          \"text-text-danger-high-em bg-surface-danger-base-em-alpha border border-outline-danger-base-em shadow-secondary-button\",\n          \"hover:bg-surface-danger-low-em-alpha\",\n        ],\n      },\n      {\n        variant: \"ghost\",\n        colorScheme: \"danger\",\n        class: [\n          \"text-text-danger-med-em\",\n          \"hover:bg-surface-danger-base-em-alpha text-text-danger-med-em\",\n        ],\n      },\n      {\n        variant: \"primary\",\n        colorScheme: \"success\",\n        class: [\n          \"bg-surface-success-med-em text-text-black shadow-primary-button\",\n          \"hover:bg-surface-success-high-em\",\n        ],\n      },\n      {\n        variant: \"light\",\n        colorScheme: \"success\",\n        class: [\n          \"bg-surface-success-base-em-alpha text-text-success-high-em shadow-secondary-button\",\n          \"hover:bg-surface-success-low-em-alpha\",\n          \"focus-within:shadow-focus-success\",\n        ],\n      },\n      {\n        variant: \"secondary\",\n        colorScheme: \"success\",\n        class: [\n          \"bg-surface-surface-smoke-gray text-text-success-high-em shadow-secondary-button\",\n          \"hover:bg-surface-surface-smoke-gray-em\",\n        ],\n      },\n      {\n        variant: \"tertiary\",\n        colorScheme: \"success\",\n        class: [\n          \"text-text-success-high-em bg-surface-success-base-em-alpha border border-outline-success-base-em shadow-secondary-button\",\n          \"hover:bg-surface-success-low-em-alpha\",\n        ],\n      },\n      {\n        variant: \"ghost\",\n        colorScheme: \"success\",\n        class: [\n          \"text-text-success-med-em\",\n          \"hover:bg-surface-success-base-em-alpha text-text-success-med-em\",\n        ],\n      },\n      {\n        colorScheme: \"main\",\n        variant: \"primary\",\n        active: true,\n        class: \"ring-outline-primary-low-em\",\n      },\n      {\n        colorScheme: \"main\",\n        variant: \"light\",\n        active: true,\n        class: \"ring-outline-med-em\",\n      },\n      {\n        colorScheme: \"main\",\n        variant: \"secondary\",\n        active: true,\n        class: \"ring-outline-med-em\",\n      },\n      {\n        colorScheme: \"main\",\n        variant: \"tertiary\",\n        active: true,\n        class: \"ring-outline-med-em\",\n      },\n      {\n        colorScheme: \"danger\",\n        variant: \"primary\",\n        active: true,\n        class: \"ring-outline-danger-low-em\",\n      },\n      {\n        colorScheme: \"success\",\n        variant: \"primary\",\n        active: true,\n        class: \"ring-outline-success-low-em\",\n      },\n    ],\n    defaultVariants: {\n      active: false,\n      colorScheme: \"main\",\n      variant: \"primary\",\n      size: \"md\",\n      width: \"normal\",\n    },\n  }\n);\n"],"names":["cva"],"mappings":";;;;;;AAEO,MAAM,YAAe,GAAAA,SAAA;AAAA,EAC1B;AAAA,IACE,wCAAA;AAAA,IACA,oDAAA;AAAA,IACA,wEAAA;AAAA,IACA,kBAAA;AAAA,IACA,mBAAA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,IAAM,EAAA;AAAA,QACJ,EAAI,EAAA,yCAAA;AAAA,QACJ,EAAI,EAAA,wCAAA;AAAA,QACJ,EAAI,EAAA,iDAAA;AAAA,QACJ,EAAI,EAAA,wCAAA;AAAA,QACJ,EAAI,EAAA,2CAAA;AAAA,OACN;AAAA,MACA,OAAS,EAAA;AAAA,QACP,SAAS,EAAC;AAAA,QACV,OAAO,EAAC;AAAA,QACR,WAAW,EAAC;AAAA,QACZ,UAAU,EAAC;AAAA,QACX,SAAS,EAAC;AAAA,QACV,KAAA,EAAO,CAAC,uCAAuC,CAAA;AAAA,OACjD;AAAA,MACA,WAAa,EAAA;AAAA,QACX,IAAA,EAAM,CAAC,qBAAqB,CAAA;AAAA,QAC5B,MAAA,EAAQ,CAAC,2BAA2B,CAAA;AAAA,QACpC,OAAA,EAAS,CAAC,4BAA4B,CAAA;AAAA,OACxC;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,OACrB;AAAA,MACA,KAAO,EAAA;AAAA,QACL,IAAM,EAAA,QAAA;AAAA,QACN,GAAK,EAAA,OAAA;AAAA,QACL,MAAQ,EAAA,EAAA;AAAA,OACV;AAAA,KACF;AAAA,IACA,gBAAkB,EAAA;AAAA,MAChB;AAAA,QACE,SAAS,CAAC,SAAA,EAAW,OAAS,EAAA,WAAA,EAAa,YAAY,SAAS,CAAA;AAAA,QAChE,KAAO,EAAA;AAAA,UACL,uEAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,SAAA;AAAA,QACT,WAAa,EAAA,MAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,iFAAA;AAAA,UACA,kCAAA;AAAA,UACA,4BAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,MAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,oFAAA;AAAA,UACA,uCAAA;AAAA,UACA,4BAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,WAAA;AAAA,QACT,WAAa,EAAA,MAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,wEAAA;AAAA,UACA,wCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,UAAA;AAAA,QACT,WAAa,EAAA,MAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,yGAAA;AAAA,UACA,4BAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,MAAA;AAAA,QACb,KAAA,EAAO,CAAC,sDAAsD,CAAA;AAAA,OAChE;AAAA,MACA;AAAA,QACE,OAAS,EAAA,SAAA;AAAA,QACT,WAAa,EAAA,MAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,wFAAA;AAAA,UACA,0CAAA;AAAA,UACA,gCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,SAAA;AAAA,QACT,WAAa,EAAA,QAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,gFAAA;AAAA,UACA,iCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,QAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,kFAAA;AAAA,UACA,sCAAA;AAAA,UACA,kCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,WAAA;AAAA,QACT,WAAa,EAAA,QAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,gFAAA;AAAA,UACA,wCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,UAAA;AAAA,QACT,WAAa,EAAA,QAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,uHAAA;AAAA,UACA,sCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,QAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,yBAAA;AAAA,UACA,+DAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,SAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,iEAAA;AAAA,UACA,kCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,oFAAA;AAAA,UACA,uCAAA;AAAA,UACA,mCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,WAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,iFAAA;AAAA,UACA,wCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,UAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,0HAAA;AAAA,UACA,uCAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,OAAS,EAAA,OAAA;AAAA,QACT,WAAa,EAAA,SAAA;AAAA,QACb,KAAO,EAAA;AAAA,UACL,0BAAA;AAAA,UACA,iEAAA;AAAA,SACF;AAAA,OACF;AAAA,MACA;AAAA,QACE,WAAa,EAAA,MAAA;AAAA,QACb,OAAS,EAAA,SAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,6BAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,WAAa,EAAA,MAAA;AAAA,QACb,OAAS,EAAA,OAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,qBAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,WAAa,EAAA,MAAA;AAAA,QACb,OAAS,EAAA,WAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,qBAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,WAAa,EAAA,MAAA;AAAA,QACb,OAAS,EAAA,UAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,qBAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,WAAa,EAAA,QAAA;AAAA,QACb,OAAS,EAAA,SAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,4BAAA;AAAA,OACT;AAAA,MACA;AAAA,QACE,WAAa,EAAA,SAAA;AAAA,QACb,OAAS,EAAA,SAAA;AAAA,QACT,MAAQ,EAAA,IAAA;AAAA,QACR,KAAO,EAAA,6BAAA;AAAA,OACT;AAAA,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,MAAQ,EAAA,KAAA;AAAA,MACR,WAAa,EAAA,MAAA;AAAA,MACb,OAAS,EAAA,SAAA;AAAA,MACT,IAAM,EAAA,IAAA;AAAA,MACN,KAAO,EAAA,QAAA;AAAA,KACT;AAAA,GACF;AACF;;;;"}