frutjam/dist/components/button/object.js

A utility-first CSS UI Library for Tailwind CSS

export default {".btn":{"font":"inherit","-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","--radius-btn":"calc(var(--border-radius) * 2)","--color-btn":"var(--color-base-soft)","--color-on-btn":"var(--color-on-base)","--color-btn-active":"var(--color-base-active)","--btn-variant-text":"var(--color-on-base)","background-color":"var(--color-btn)","color":"var(\n        --color-on-btn,\n        color-contrast(\n        var(--color-btn)\n        vs\n        white,\n        black\n        )\n    )","--btn--opacity":"1","--btn--cursor":"pointer","--btn--pointer-events":"auto","--btn--border-width":"0","--btn--border-style":"solid","--btn--border-color":"transparent","border-width":"var(--btn--border-width)","border-style":"var(--btn--border-style)","border-color":"var(--btn--border-color)","&:is(:disabled, [disabled])":{"--btn--opacity":"0.5","--btn--cursor":"not-allowed","--btn--pointer-events":"none"},"opacity":"var(--btn--opacity)","cursor":"pointer","pointer-events":"var(--btn--pointer-events)","-webkit-user-select":"none","-moz-user-select":"none","user-select":"none","text-decoration":"none","text-wrap":"nowrap","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-btn-active)","color":"var(--color-on-btn)","transition-duration":"220ms"}},"border-radius":"var(--btn--radius, var(--radius-btn))","display":"var(--btn--display, inline-flex)","padding-inline":"var(--btn--shape-padding-inline, var(--btn--padding-inline, 1.125rem))","padding-block":"var(--btn--shape-padding-block, var(--btn--padding-block, 0.625rem))","font-size":"var(--btn--font-size, 1rem)","line-height":"calc(var(--btn--font-size, 1rem) * var(--btn--line-height, 1.5))","width":"var(--btn--width)","max-width":"var(--btn--max-width)","position":"relative","gap":"0.375rem","flex-shrink":0,"align-items":"center","justify-content":"center","flex-wrap":"nowrap","vertical-align":"middle","font-weight":500,"text-align":"center","box-sizing":"border-box","transition":"background-color 180ms cubic-bezier(0.4, 0, 0.2, 1),\n        color 180ms cubic-bezier(0.4, 0, 0.2, 1),\n        border-color 180ms cubic-bezier(0.4, 0, 0.2, 1),\n        opacity 200ms ease","&:is(input[type=\"checkbox\"], input[type=\"radio\"])":{"-webkit-appearance":"none","-moz-appearance":"none","appearance":"none","&::after":{"content":"attr(aria-label)"},"&:checked":{"isolation":"isolate","background-color":"var(--color-btn-active)"}},"&:focus-visible":{"outline-width":"2px","outline-style":"solid","outline-color":"light-dark(\n            var(--color-base-950, currentColor),\n            var(--color-base-50, currentColor)\n        )","outline-offset":"3px","isolation":"isolate"}},".btn-circle":{"--btn--radius":"9999px","--btn--shape-padding-inline":"var(--btn-circle--padding-block, 0.625rem)","--btn--shape-padding-block":"var(--btn-circle--padding-block, 0.625rem)","aspect-ratio":"1"},".btn-square":{"--btn--shape-padding-inline":"var(--btn-square--padding-block, 0.625rem)","--btn--shape-padding-block":"var(--btn-square--padding-block, 0.625rem)","aspect-ratio":"1"},".btn-link":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"0","background-image":"linear-gradient(currentColor, currentColor)","background-position":"right bottom","background-repeat":"no-repeat","background-size":"0% 1px","transition":"background-size 300ms ease, background-position 0s, color 200ms ease-out","&:hover":{"@media (hover: hover)":{"background-color":"transparent","color":"var(--btn-variant-text)","background-position":"left bottom","background-size":"100% 1px","transition":"background-size 300ms ease, background-position 0s, color 200ms ease-out"}}},".btn-dashed":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"1px","--btn--border-style":"dashed","--btn--border-color":"var(--color-btn-active)","&:hover":{"@media (hover: hover)":{"--btn--border-color":"transparent"}}},".btn-outline":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"1px","--btn--border-color":"var(--color-btn-active)","&:hover":{"@media (hover: hover)":{"--btn--border-color":"transparent"}}},".btn-plain":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"0","&:hover":{"@media (hover: hover)":{"background-color":"transparent"}}},".btn-soft":{"background-color":"var(--color-btn-soft, var(--color-base-soft))","color":"var(--color-on-btn-soft, var(--color-on-base))","&:hover":{"@media (hover: hover)":{"background-color":"var(--color-btn-active)","color":"var(--color-on-btn)"}}},".btn-ghost":{"background-color":"transparent","color":"var(--btn-variant-text)","--btn--border-width":"0"},".btn-2xl":{"--btn--padding-inline":"1.5rem","--btn--padding-block":"1rem","--btn--font-size":"1.375rem","--btn--line-height":"1.5","--btn-square--padding-block":"1rem","--btn-circle--padding-block":"1rem"},".btn-accent":{"--color-btn":"var(--color-accent)","--color-btn-active":"var(--color-accent-active)","--color-on-btn":"var(--color-on-accent)","--color-btn-soft":"var(--color-accent-soft)","--color-on-btn-soft":"var(--color-on-accent-soft)","--btn-variant-text":"light-dark(var(--color-accent-800), var(--color-accent-400))"},".btn-error":{"--color-btn":"var(--color-error)","--color-btn-active":"var(--color-error-active)","--color-on-btn":"var(--color-on-error)","--color-btn-soft":"var(--color-error-soft)","--color-on-btn-soft":"var(--color-on-error-soft)","--btn-variant-text":"light-dark(var(--color-error-800), var(--color-error-400))"},".btn-info":{"--color-btn":"var(--color-info)","--color-btn-active":"var(--color-info-active)","--color-on-btn":"var(--color-on-info)","--color-btn-soft":"var(--color-info-soft)","--color-on-btn-soft":"var(--color-on-info-soft)","--btn-variant-text":"light-dark(var(--color-info-800), var(--color-info-400))"},".btn-lg":{"--btn--padding-inline":"1.25rem","--btn--padding-block":"0.75rem","--btn--font-size":"1.125rem","--btn--line-height":"1.5","--btn-square--padding-block":"0.75rem","--btn-circle--padding-block":"0.75rem"},".btn-md":{"--btn--padding-inline":"1.125rem","--btn--padding-block":"0.625rem","--btn--font-size":"1rem","--btn--line-height":"1.5","--btn-square--padding-block":"0.625rem","--btn-circle--padding-block":"0.625rem"},".btn-neutral":{"--color-btn":"var(--color-neutral)","--color-btn-active":"var(--color-neutral-active)","--color-on-btn":"var(--color-on-neutral)","--color-btn-soft":"var(--color-neutral-soft)","--color-on-btn-soft":"var(--color-on-neutral-soft)","--btn-variant-text":"light-dark(var(--color-neutral-800), var(--color-neutral-400))"},".btn-primary":{"--color-btn":"var(--color-primary)","--color-btn-active":"var(--color-primary-active)","--color-on-btn":"var(--color-on-primary)","--color-btn-soft":"var(--color-primary-soft)","--color-on-btn-soft":"var(--color-on-primary-soft)","--btn-variant-text":"light-dark(var(--color-primary-800), var(--color-primary-400))"},".btn-secondary":{"--color-btn":"var(--color-secondary)","--color-btn-active":"var(--color-secondary-active)","--color-on-btn":"var(--color-on-secondary)","--color-btn-soft":"var(--color-secondary-soft)","--color-on-btn-soft":"var(--color-on-secondary-soft)","--btn-variant-text":"light-dark(var(--color-secondary-800), var(--color-secondary-400))"},".btn-sm":{"--btn--padding-inline":"1rem","--btn--padding-block":"0.5rem","--btn--font-size":"0.875rem","--btn--line-height":"1.4","--btn-square--padding-block":"0.5rem","--btn-circle--padding-block":"0.5rem"},".btn-success":{"--color-btn":"var(--color-success)","--color-btn-active":"var(--color-success-active)","--color-on-btn":"var(--color-on-success)","--color-btn-soft":"var(--color-success-soft)","--color-on-btn-soft":"var(--color-on-success-soft)","--btn-variant-text":"light-dark(var(--color-success-800), var(--color-success-400))"},".btn-warning":{"--color-btn":"var(--color-warning)","--color-btn-active":"var(--color-warning-active)","--color-on-btn":"var(--color-on-warning)","--color-btn-soft":"var(--color-warning-soft)","--color-on-btn-soft":"var(--color-on-warning-soft)","--btn-variant-text":"light-dark(var(--color-warning-800), var(--color-warning-400))"},".btn-xl":{"--btn--padding-inline":"1.375rem","--btn--padding-block":"0.875rem","--btn--font-size":"1.25rem","--btn--line-height":"1.5","--btn-square--padding-block":"0.875rem","--btn-circle--padding-block":"0.875rem"},".btn-xs":{"--btn--padding-inline":"0.875rem","--btn--padding-block":"0.375rem","--btn--font-size":"0.75rem","--btn--line-height":"1.3","--btn-square--padding-block":"0.375rem","--btn-circle--padding-block":"0.375rem"},".btn-disabled":{"--btn--opacity":"0.5","--btn--cursor":"not-allowed","--btn--pointer-events":"none"},".btn-block":{"--btn--width":"100%","--btn--display":"block"},".btn-wide":{"--btn--max-width":"320px","--btn--width":"100%"},".btn-active":{"--color-btn":"var(--color-btn-active)"},".btn-pill":{"--btn--radius":"9999px"},".btn-rounded":{"--btn--radius":"var(--radius-btn)"}};