@spark-ui/button 1.3.9 → 1.3.11

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.3.11](https://github.com/adevinta/spark/compare/@spark-ui/button@1.3.10...@spark-ui/button@1.3.11) (2023-04-06)
+
+**Note:** Version bump only for package @spark-ui/button
+
+## [1.3.10](https://github.com/adevinta/spark/compare/@spark-ui/button@1.3.9...@spark-ui/button@1.3.10) (2023-04-05)
+
+**Note:** Version bump only for package @spark-ui/button
+
 ## [1.3.9](https://github.com/adevinta/spark/compare/@spark-ui/button@1.3.8...@spark-ui/button@1.3.9) (2023-04-05)
 
 **Note:** Version bump only for package @spark-ui/button

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@spark-ui/slot"),r=require("react"),g=require("class-variance-authority"),e=require("@spark-ui/internal-utils"),v=[{intent:"primary",design:"filled",class:e.tw(["bg-primary","text-on-primary","enabled:hover:bg-primary-hovered","enabled:active:bg-primary-hovered","focus-visible:bg-primary-focused"])},{intent:"secondary",design:"filled",class:e.tw(["bg-secondary","text-on-secondary","enabled:hover:bg-secondary-hovered","enabled:active:bg-secondary-hovered","focus-visible:bg-secondary-focused"])},{intent:"success",design:"filled",class:e.tw(["bg-success","text-on-success","enabled:hover:bg-success-hovered","enabled:active:bg-success-hovered","focus-visible:bg-success-focused"])},{intent:"alert",design:"filled",class:e.tw(["bg-alert","text-on-alert","enabled:hover:bg-alert-hovered","enabled:active:bg-alert-hovered","focus-visible:bg-alert-focused"])},{intent:"danger",design:"filled",class:e.tw(["bg-error","text-on-error","enabled:hover:bg-error-hovered","enabled:active:bg-error-hovered","focus-visible:bg-error-focused"])},{intent:"neutral",design:"filled",class:e.tw(["bg-neutral","text-on-neutral","enabled:hover:bg-neutral-hovered","enabled:active:bg-neutral-hovered","focus-visible:bg-neutral-focused"])},{intent:"surface",design:"filled",class:e.tw(["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],f=[{intent:"primary",design:"ghost",class:e.tw(["text-primary","enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused"])},{intent:"secondary",design:"ghost",class:e.tw(["text-secondary","enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused"])},{intent:"success",design:"ghost",class:e.tw(["text-success","enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused"])},{intent:"alert",design:"ghost",class:e.tw(["text-alert","enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused"])},{intent:"danger",design:"ghost",class:e.tw(["text-error","enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused"])},{intent:"neutral",design:"ghost",class:e.tw(["text-neutral","enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused"])},{intent:"surface",design:"ghost",class:e.tw(["text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],h=[{intent:"primary",design:"outlined",class:e.tw(["enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused","text-primary"])},{intent:"secondary",design:"outlined",class:e.tw(["enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused","text-secondary"])},{intent:"success",design:"outlined",class:e.tw(["enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused","text-success"])},{intent:"alert",design:"outlined",class:e.tw(["enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused","text-alert"])},{intent:"danger",design:"outlined",class:e.tw(["enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused","text-error"])},{intent:"neutral",design:"outlined",class:e.tw(["enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused","text-neutral"])},{intent:"surface",design:"outlined",class:e.tw(["enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused","text-surface"])}],y=[{intent:"primary",design:"tinted",class:e.tw(["bg-primary-container","text-on-primary-container","enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused"])},{intent:"secondary",design:"tinted",class:e.tw(["bg-secondary-container","text-on-secondary-container","enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused"])},{intent:"success",design:"tinted",class:e.tw(["bg-success-container","text-on-success-container","enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused"])},{intent:"alert",design:"tinted",class:e.tw(["bg-alert-container","text-on-alert-container","enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused"])},{intent:"danger",design:"tinted",class:e.tw(["bg-error-container","text-on-error-container","enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused"])},{intent:"neutral",design:"tinted",class:e.tw(["bg-neutral-container","text-on-neutral-container","enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused"])},{intent:"surface",design:"tinted",class:e.tw(["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],p=[{intent:"primary",design:"contrast",class:e.tw(["text-primary","enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused"])},{intent:"secondary",design:"contrast",class:e.tw(["text-secondary","enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused"])},{intent:"success",design:"contrast",class:e.tw(["text-success","enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused"])},{intent:"alert",design:"contrast",class:e.tw(["text-alert","enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused"])},{intent:"danger",design:"contrast",class:e.tw(["text-error","enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused"])},{intent:"neutral",design:"contrast",class:e.tw(["text-neutral","enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused"])},{intent:"surface",design:"contrast",class:e.tw(["text-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],m=g.cva(["flex items-center gap-md justify-center box-border whitespace-nowrap","text-body-1 font-bold","ring-inset focus-visible:ring-2 focus-visible:ring-outline-high focus-visible:outline-none"],{variants:{design:{filled:[],outlined:["bg-transparent","ring-2","ring-current"],tinted:[],ghost:[],contrast:["bg-surface"]},intent:{primary:[],secondary:[],success:[],alert:[],danger:[],neutral:[],surface:[]},size:{sm:["py-sm px-lg"],md:["py-md px-lg"],lg:["p-lg"]},disabled:{true:["cursor-not-allowed","opacity-dim-3"]},shape:{rounded:["rounded-lg"],square:["rounded-none"],pill:["rounded-full"]}},compoundVariants:[...v,...h,...y,...f,...p],defaultVariants:{design:"filled",intent:"primary",size:"md",shape:"rounded"}}),x=r.forwardRef(({design:t="filled",disabled:n=!1,intent:a="primary",shape:s="rounded",size:o="md",asChild:c,className:i,...d},l)=>{const b=c?u.Slot:"button";return r.createElement(b,{ref:l,className:m({className:i,design:t,disabled:n,intent:a,shape:s,size:o}),disabled:!!n,...d})});exports.Button=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@spark-ui/slot"),r=require("react"),g=require("class-variance-authority"),e=require("@spark-ui/internal-utils"),v=[{intent:"primary",design:"filled",class:e.tw(["bg-primary","text-on-primary","enabled:hover:bg-primary-hovered","enabled:active:bg-primary-hovered","focus-visible:bg-primary-focused"])},{intent:"secondary",design:"filled",class:e.tw(["bg-secondary","text-on-secondary","enabled:hover:bg-secondary-hovered","enabled:active:bg-secondary-hovered","focus-visible:bg-secondary-focused"])},{intent:"success",design:"filled",class:e.tw(["bg-success","text-on-success","enabled:hover:bg-success-hovered","enabled:active:bg-success-hovered","focus-visible:bg-success-focused"])},{intent:"alert",design:"filled",class:e.tw(["bg-alert","text-on-alert","enabled:hover:bg-alert-hovered","enabled:active:bg-alert-hovered","focus-visible:bg-alert-focused"])},{intent:"danger",design:"filled",class:e.tw(["text-on-error bg-error","enabled:hover:bg-error-hovered enabled:active:bg-error-hovered","focus-visible:bg-error-focused"])},{intent:"neutral",design:"filled",class:e.tw(["bg-neutral","text-on-neutral","enabled:hover:bg-neutral-hovered","enabled:active:bg-neutral-hovered","focus-visible:bg-neutral-focused"])},{intent:"surface",design:"filled",class:e.tw(["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],f=[{intent:"primary",design:"ghost",class:e.tw(["text-primary","enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused"])},{intent:"secondary",design:"ghost",class:e.tw(["text-secondary","enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused"])},{intent:"success",design:"ghost",class:e.tw(["text-success","enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused"])},{intent:"alert",design:"ghost",class:e.tw(["text-alert","enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused"])},{intent:"danger",design:"ghost",class:e.tw(["text-error","enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused"])},{intent:"neutral",design:"ghost",class:e.tw(["text-neutral","enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused"])},{intent:"surface",design:"ghost",class:e.tw(["text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],h=[{intent:"primary",design:"outlined",class:e.tw(["enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused","text-primary"])},{intent:"secondary",design:"outlined",class:e.tw(["enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused","text-secondary"])},{intent:"success",design:"outlined",class:e.tw(["enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused","text-success"])},{intent:"alert",design:"outlined",class:e.tw(["enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused","text-alert"])},{intent:"danger",design:"outlined",class:e.tw(["enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused","text-error"])},{intent:"neutral",design:"outlined",class:e.tw(["enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused","text-neutral"])},{intent:"surface",design:"outlined",class:e.tw(["enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused","text-surface"])}],y=[{intent:"primary",design:"tinted",class:e.tw(["bg-primary-container","text-on-primary-container","enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused"])},{intent:"secondary",design:"tinted",class:e.tw(["bg-secondary-container","text-on-secondary-container","enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused"])},{intent:"success",design:"tinted",class:e.tw(["bg-success-container","text-on-success-container","enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused"])},{intent:"alert",design:"tinted",class:e.tw(["bg-alert-container","text-on-alert-container","enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused"])},{intent:"danger",design:"tinted",class:e.tw(["bg-error-container","text-on-error-container","enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused"])},{intent:"neutral",design:"tinted",class:e.tw(["bg-neutral-container","text-on-neutral-container","enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused"])},{intent:"surface",design:"tinted",class:e.tw(["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],p=[{intent:"primary",design:"contrast",class:e.tw(["text-primary","enabled:hover:bg-primary-container-hovered","enabled:active:bg-primary-container-hovered","focus-visible:bg-primary-container-focused"])},{intent:"secondary",design:"contrast",class:e.tw(["text-secondary","enabled:hover:bg-secondary-container-hovered","enabled:active:bg-secondary-container-hovered","focus-visible:bg-secondary-container-focused"])},{intent:"success",design:"contrast",class:e.tw(["text-success","enabled:hover:bg-success-container-hovered","enabled:active:bg-success-container-hovered","focus-visible:bg-success-container-focused"])},{intent:"alert",design:"contrast",class:e.tw(["text-alert","enabled:hover:bg-alert-container-hovered","enabled:active:bg-alert-container-hovered","focus-visible:bg-alert-container-focused"])},{intent:"danger",design:"contrast",class:e.tw(["text-error","enabled:hover:bg-error-container-hovered","enabled:active:bg-error-container-hovered","focus-visible:bg-error-container-focused"])},{intent:"neutral",design:"contrast",class:e.tw(["text-neutral","enabled:hover:bg-neutral-container-hovered","enabled:active:bg-neutral-container-hovered","focus-visible:bg-neutral-container-focused"])},{intent:"surface",design:"contrast",class:e.tw(["text-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"])}],m=g.cva(["gap-md box-border flex items-center justify-center whitespace-nowrap","text-body-1 font-bold","focus-visible:ring-outline-high ring-inset focus-visible:outline-none focus-visible:ring-2"],{variants:{design:{filled:[],outlined:["bg-transparent","ring-2","ring-current"],tinted:[],ghost:[],contrast:["bg-surface"]},intent:{primary:[],secondary:[],success:[],alert:[],danger:[],neutral:[],surface:[]},size:{sm:["py-sm px-lg"],md:["py-md px-lg"],lg:["p-lg"]},disabled:{true:["cursor-not-allowed","opacity-dim-3"]},shape:{rounded:["rounded-lg"],square:["rounded-none"],pill:["rounded-full"]}},compoundVariants:[...v,...h,...y,...f,...p],defaultVariants:{design:"filled",intent:"primary",size:"md",shape:"rounded"}}),x=r.forwardRef(({design:t="filled",disabled:n=!1,intent:a="primary",shape:s="rounded",size:o="md",asChild:c,className:i,...d},l)=>{const b=c?u.Slot:"button";return r.createElement(b,{ref:l,className:m({className:i,design:t,disabled:n,intent:a,shape:s,size:o}),disabled:!!n,...d})});exports.Button=x;

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { Slot as g } from "@spark-ui/slot";
 import r from "react";
 import { cva as u } from "class-variance-authority";
 import { tw as e } from "@spark-ui/internal-utils";
-const v = [{ intent: "primary", design: "filled", class: e(["bg-primary", "text-on-primary", "enabled:hover:bg-primary-hovered", "enabled:active:bg-primary-hovered", "focus-visible:bg-primary-focused"]) }, { intent: "secondary", design: "filled", class: e(["bg-secondary", "text-on-secondary", "enabled:hover:bg-secondary-hovered", "enabled:active:bg-secondary-hovered", "focus-visible:bg-secondary-focused"]) }, { intent: "success", design: "filled", class: e(["bg-success", "text-on-success", "enabled:hover:bg-success-hovered", "enabled:active:bg-success-hovered", "focus-visible:bg-success-focused"]) }, { intent: "alert", design: "filled", class: e(["bg-alert", "text-on-alert", "enabled:hover:bg-alert-hovered", "enabled:active:bg-alert-hovered", "focus-visible:bg-alert-focused"]) }, { intent: "danger", design: "filled", class: e(["bg-error", "text-on-error", "enabled:hover:bg-error-hovered", "enabled:active:bg-error-hovered", "focus-visible:bg-error-focused"]) }, { intent: "neutral", design: "filled", class: e(["bg-neutral", "text-on-neutral", "enabled:hover:bg-neutral-hovered", "enabled:active:bg-neutral-hovered", "focus-visible:bg-neutral-focused"]) }, { intent: "surface", design: "filled", class: e(["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }], f = [{ intent: "primary", design: "ghost", class: e(["text-primary", "enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused"]) }, { intent: "secondary", design: "ghost", class: e(["text-secondary", "enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused"]) }, { intent: "success", design: "ghost", class: e(["text-success", "enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused"]) }, { intent: "alert", design: "ghost", class: e(["text-alert", "enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused"]) }, { intent: "danger", design: "ghost", class: e(["text-error", "enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused"]) }, { intent: "neutral", design: "ghost", class: e(["text-neutral", "enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused"]) }, { intent: "surface", design: "ghost", class: e(["text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }], h = u(["flex items-center gap-md justify-center box-border whitespace-nowrap", "text-body-1 font-bold", "ring-inset focus-visible:ring-2 focus-visible:ring-outline-high focus-visible:outline-none"], { variants: { design: { filled: [], outlined: ["bg-transparent", "ring-2", "ring-current"], tinted: [], ghost: [], contrast: ["bg-surface"] }, intent: { primary: [], secondary: [], success: [], alert: [], danger: [], neutral: [], surface: [] }, size: { sm: ["py-sm px-lg"], md: ["py-md px-lg"], lg: ["p-lg"] }, disabled: { true: ["cursor-not-allowed", "opacity-dim-3"] }, shape: { rounded: ["rounded-lg"], square: ["rounded-none"], pill: ["rounded-full"] } }, compoundVariants: [...v, { intent: "primary", design: "outlined", class: e(["enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused", "text-primary"]) }, { intent: "secondary", design: "outlined", class: e(["enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused", "text-secondary"]) }, { intent: "success", design: "outlined", class: e(["enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused", "text-success"]) }, { intent: "alert", design: "outlined", class: e(["enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused", "text-alert"]) }, { intent: "danger", design: "outlined", class: e(["enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused", "text-error"]) }, { intent: "neutral", design: "outlined", class: e(["enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused", "text-neutral"]) }, { intent: "surface", design: "outlined", class: e(["enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused", "text-surface"]) }, { intent: "primary", design: "tinted", class: e(["bg-primary-container", "text-on-primary-container", "enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused"]) }, { intent: "secondary", design: "tinted", class: e(["bg-secondary-container", "text-on-secondary-container", "enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused"]) }, { intent: "success", design: "tinted", class: e(["bg-success-container", "text-on-success-container", "enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused"]) }, { intent: "alert", design: "tinted", class: e(["bg-alert-container", "text-on-alert-container", "enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused"]) }, { intent: "danger", design: "tinted", class: e(["bg-error-container", "text-on-error-container", "enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused"]) }, { intent: "neutral", design: "tinted", class: e(["bg-neutral-container", "text-on-neutral-container", "enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused"]) }, { intent: "surface", design: "tinted", class: e(["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }, ...f, { intent: "primary", design: "contrast", class: e(["text-primary", "enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused"]) }, { intent: "secondary", design: "contrast", class: e(["text-secondary", "enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused"]) }, { intent: "success", design: "contrast", class: e(["text-success", "enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused"]) }, { intent: "alert", design: "contrast", class: e(["text-alert", "enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused"]) }, { intent: "danger", design: "contrast", class: e(["text-error", "enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused"]) }, { intent: "neutral", design: "contrast", class: e(["text-neutral", "enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused"]) }, { intent: "surface", design: "contrast", class: e(["text-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }], defaultVariants: { design: "filled", intent: "primary", size: "md", shape: "rounded" } }), w = r.forwardRef(({ design: a = "filled", disabled: n = !1, intent: s = "primary", shape: t = "rounded", size: o = "md", asChild: c, className: i, ...d }, l) => {
+const v = [{ intent: "primary", design: "filled", class: e(["bg-primary", "text-on-primary", "enabled:hover:bg-primary-hovered", "enabled:active:bg-primary-hovered", "focus-visible:bg-primary-focused"]) }, { intent: "secondary", design: "filled", class: e(["bg-secondary", "text-on-secondary", "enabled:hover:bg-secondary-hovered", "enabled:active:bg-secondary-hovered", "focus-visible:bg-secondary-focused"]) }, { intent: "success", design: "filled", class: e(["bg-success", "text-on-success", "enabled:hover:bg-success-hovered", "enabled:active:bg-success-hovered", "focus-visible:bg-success-focused"]) }, { intent: "alert", design: "filled", class: e(["bg-alert", "text-on-alert", "enabled:hover:bg-alert-hovered", "enabled:active:bg-alert-hovered", "focus-visible:bg-alert-focused"]) }, { intent: "danger", design: "filled", class: e(["text-on-error bg-error", "enabled:hover:bg-error-hovered enabled:active:bg-error-hovered", "focus-visible:bg-error-focused"]) }, { intent: "neutral", design: "filled", class: e(["bg-neutral", "text-on-neutral", "enabled:hover:bg-neutral-hovered", "enabled:active:bg-neutral-hovered", "focus-visible:bg-neutral-focused"]) }, { intent: "surface", design: "filled", class: e(["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }], f = [{ intent: "primary", design: "ghost", class: e(["text-primary", "enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused"]) }, { intent: "secondary", design: "ghost", class: e(["text-secondary", "enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused"]) }, { intent: "success", design: "ghost", class: e(["text-success", "enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused"]) }, { intent: "alert", design: "ghost", class: e(["text-alert", "enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused"]) }, { intent: "danger", design: "ghost", class: e(["text-error", "enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused"]) }, { intent: "neutral", design: "ghost", class: e(["text-neutral", "enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused"]) }, { intent: "surface", design: "ghost", class: e(["text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }], h = u(["gap-md box-border flex items-center justify-center whitespace-nowrap", "text-body-1 font-bold", "focus-visible:ring-outline-high ring-inset focus-visible:outline-none focus-visible:ring-2"], { variants: { design: { filled: [], outlined: ["bg-transparent", "ring-2", "ring-current"], tinted: [], ghost: [], contrast: ["bg-surface"] }, intent: { primary: [], secondary: [], success: [], alert: [], danger: [], neutral: [], surface: [] }, size: { sm: ["py-sm px-lg"], md: ["py-md px-lg"], lg: ["p-lg"] }, disabled: { true: ["cursor-not-allowed", "opacity-dim-3"] }, shape: { rounded: ["rounded-lg"], square: ["rounded-none"], pill: ["rounded-full"] } }, compoundVariants: [...v, { intent: "primary", design: "outlined", class: e(["enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused", "text-primary"]) }, { intent: "secondary", design: "outlined", class: e(["enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused", "text-secondary"]) }, { intent: "success", design: "outlined", class: e(["enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused", "text-success"]) }, { intent: "alert", design: "outlined", class: e(["enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused", "text-alert"]) }, { intent: "danger", design: "outlined", class: e(["enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused", "text-error"]) }, { intent: "neutral", design: "outlined", class: e(["enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused", "text-neutral"]) }, { intent: "surface", design: "outlined", class: e(["enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused", "text-surface"]) }, { intent: "primary", design: "tinted", class: e(["bg-primary-container", "text-on-primary-container", "enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused"]) }, { intent: "secondary", design: "tinted", class: e(["bg-secondary-container", "text-on-secondary-container", "enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused"]) }, { intent: "success", design: "tinted", class: e(["bg-success-container", "text-on-success-container", "enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused"]) }, { intent: "alert", design: "tinted", class: e(["bg-alert-container", "text-on-alert-container", "enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused"]) }, { intent: "danger", design: "tinted", class: e(["bg-error-container", "text-on-error-container", "enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused"]) }, { intent: "neutral", design: "tinted", class: e(["bg-neutral-container", "text-on-neutral-container", "enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused"]) }, { intent: "surface", design: "tinted", class: e(["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }, ...f, { intent: "primary", design: "contrast", class: e(["text-primary", "enabled:hover:bg-primary-container-hovered", "enabled:active:bg-primary-container-hovered", "focus-visible:bg-primary-container-focused"]) }, { intent: "secondary", design: "contrast", class: e(["text-secondary", "enabled:hover:bg-secondary-container-hovered", "enabled:active:bg-secondary-container-hovered", "focus-visible:bg-secondary-container-focused"]) }, { intent: "success", design: "contrast", class: e(["text-success", "enabled:hover:bg-success-container-hovered", "enabled:active:bg-success-container-hovered", "focus-visible:bg-success-container-focused"]) }, { intent: "alert", design: "contrast", class: e(["text-alert", "enabled:hover:bg-alert-container-hovered", "enabled:active:bg-alert-container-hovered", "focus-visible:bg-alert-container-focused"]) }, { intent: "danger", design: "contrast", class: e(["text-error", "enabled:hover:bg-error-container-hovered", "enabled:active:bg-error-container-hovered", "focus-visible:bg-error-container-focused"]) }, { intent: "neutral", design: "contrast", class: e(["text-neutral", "enabled:hover:bg-neutral-container-hovered", "enabled:active:bg-neutral-container-hovered", "focus-visible:bg-neutral-container-focused"]) }, { intent: "surface", design: "contrast", class: e(["text-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"]) }], defaultVariants: { design: "filled", intent: "primary", size: "md", shape: "rounded" } }), w = r.forwardRef(({ design: a = "filled", disabled: n = !1, intent: s = "primary", shape: t = "rounded", size: o = "md", asChild: c, className: i, ...d }, l) => {
   const b = c ? g : "button";
   return r.createElement(b, { ref: l, className: h({ className: i, design: a, disabled: n, intent: s, shape: t, size: o }), disabled: !!n, ...d });
 });

package/dist/variants/contrast.d.ts

@@ -1,29 +1,29 @@
-export declare const contrastVariants: ({
-    intent: "primary";
-    design: "contrast";
-    class: string[];
-} | {
-    intent: "secondary";
-    design: "contrast";
-    class: string[];
-} | {
-    intent: "success";
-    design: "contrast";
-    class: string[];
-} | {
-    intent: "alert";
-    design: "contrast";
-    class: string[];
-} | {
-    intent: "danger";
-    design: "contrast";
-    class: string[];
-} | {
-    intent: "neutral";
-    design: "contrast";
-    class: string[];
-} | {
-    intent: "surface";
-    design: "contrast";
-    class: string[];
-})[];
+export declare const contrastVariants: readonly [{
+    readonly intent: "primary";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "secondary";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "contrast";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "contrast";
+    readonly class: string[];
+}];

package/dist/variants/filled.d.ts

@@ -1,29 +1,29 @@
-export declare const filledVariants: ({
-    intent: "primary";
-    design: "filled";
-    class: string[];
-} | {
-    intent: "secondary";
-    design: "filled";
-    class: string[];
-} | {
-    intent: "success";
-    design: "filled";
-    class: string[];
-} | {
-    intent: "alert";
-    design: "filled";
-    class: string[];
-} | {
-    intent: "danger";
-    design: "filled";
-    class: string[];
-} | {
-    intent: "neutral";
-    design: "filled";
-    class: string[];
-} | {
-    intent: "surface";
-    design: "filled";
-    class: string[];
-})[];
+export declare const filledVariants: readonly [{
+    readonly intent: "primary";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "secondary";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "filled";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "filled";
+    readonly class: string[];
+}];

package/dist/variants/ghost.d.ts

@@ -1,29 +1,29 @@
-export declare const ghostVariants: ({
-    intent: "primary";
-    design: "ghost";
-    class: string[];
-} | {
-    intent: "secondary";
-    design: "ghost";
-    class: string[];
-} | {
-    intent: "success";
-    design: "ghost";
-    class: string[];
-} | {
-    intent: "alert";
-    design: "ghost";
-    class: string[];
-} | {
-    intent: "danger";
-    design: "ghost";
-    class: string[];
-} | {
-    intent: "neutral";
-    design: "ghost";
-    class: string[];
-} | {
-    intent: "surface";
-    design: "ghost";
-    class: string[];
-})[];
+export declare const ghostVariants: readonly [{
+    readonly intent: "primary";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "secondary";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "ghost";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "ghost";
+    readonly class: string[];
+}];

package/dist/variants/index.d.ts

@@ -1,4 +1,3 @@
-export { defaultVariants } from './default';
 export { filledVariants } from './filled';
 export { ghostVariants } from './ghost';
 export { outlinedVariants } from './outlined';

package/dist/variants/outlined.d.ts

@@ -1,29 +1,29 @@
-export declare const outlinedVariants: ({
-    intent: "primary";
-    design: "outlined";
-    class: string[];
-} | {
-    intent: "secondary";
-    design: "outlined";
-    class: string[];
-} | {
-    intent: "success";
-    design: "outlined";
-    class: string[];
-} | {
-    intent: "alert";
-    design: "outlined";
-    class: string[];
-} | {
-    intent: "danger";
-    design: "outlined";
-    class: string[];
-} | {
-    intent: "neutral";
-    design: "outlined";
-    class: string[];
-} | {
-    intent: "surface";
-    design: "outlined";
-    class: string[];
-})[];
+export declare const outlinedVariants: readonly [{
+    readonly intent: "primary";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "secondary";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "outlined";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "outlined";
+    readonly class: string[];
+}];

package/dist/variants/tinted.d.ts

@@ -1,29 +1,29 @@
-export declare const tintedVariants: ({
-    intent: "primary";
-    design: "tinted";
-    class: string[];
-} | {
-    intent: "secondary";
-    design: "tinted";
-    class: string[];
-} | {
-    intent: "success";
-    design: "tinted";
-    class: string[];
-} | {
-    intent: "alert";
-    design: "tinted";
-    class: string[];
-} | {
-    intent: "danger";
-    design: "tinted";
-    class: string[];
-} | {
-    intent: "neutral";
-    design: "tinted";
-    class: string[];
-} | {
-    intent: "surface";
-    design: "tinted";
-    class: string[];
-})[];
+export declare const tintedVariants: readonly [{
+    readonly intent: "primary";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "secondary";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "success";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "alert";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "danger";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "neutral";
+    readonly design: "tinted";
+    readonly class: string[];
+}, {
+    readonly intent: "surface";
+    readonly design: "tinted";
+    readonly class: string[];
+}];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/button",
-  "version": "1.3.9",
+  "version": "1.3.11",
   "description": "Button component is used to trigger an action or event, such as submitting a form, opening a Dialog, canceling an action, or performing a delete operation.",
   "publishConfig": {
     "access": "public"
@@ -12,9 +12,9 @@
     "build": "vite build"
   },
   "dependencies": {
-    "@spark-ui/internal-utils": "^1.3.0",
-    "@spark-ui/slot": "^1.2.3",
+    "@spark-ui/internal-utils": "^1.4.0",
+    "@spark-ui/slot": "^1.2.4",
     "class-variance-authority": "0.4.0"
   },
-  "gitHead": "be4be93b3baf802f0bf5b47753377a64269b35c6"
+  "gitHead": "a5a87741408264a57672bf562f14b97a3a63582a"
 }

package/dist/variants/default.d.ts

@@ -1,6 +0,0 @@
-export declare const defaultVariants: {
-    readonly design: "filled";
-    readonly intent: "primary";
-    readonly size: "md";
-    readonly shape: "rounded";
-};