@spark-ui/button 1.3.1 → 1.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +10 -0
- package/dist/index.js +1 -1
- package/dist/index.mjs +1 -1
- package/dist/variants/default.d.ts +0 -1
- package/package.json +3 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.3.3](https://github.com/adevinta/spark/compare/@spark-ui/button@1.3.2...@spark-ui/button@1.3.3) (2023-03-30)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @spark-ui/button
|
|
9
|
+
|
|
10
|
+
## [1.3.2](https://github.com/adevinta/spark/compare/@spark-ui/button@1.3.1...@spark-ui/button@1.3.2) (2023-03-30)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
- **button:** update invalid tw classnames ([9926570](https://github.com/adevinta/spark/commit/9926570a3534807a2d79a522e9b5030721a181d4)), closes [#500](https://github.com/adevinta/spark/issues/500)
|
|
15
|
+
|
|
6
16
|
## [1.3.1](https://github.com/adevinta/spark/compare/@spark-ui/button@1.3.0...@spark-ui/button@1.3.1) (2023-03-28)
|
|
7
17
|
|
|
8
18
|
**Note:** Version bump only for package @spark-ui/button
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),v=require("class-variance-authority");function d(){return d=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},d.apply(this,arguments)}function f(...t){return a=>t.forEach(n=>{return s=a,void(typeof(e=n)=="function"?e(s):e!=null&&(e.current=s));var e,s})}const u=r.forwardRef((t,a)=>{const{children:n,...e}=t,s=r.Children.toArray(n),o=s.find(y);if(o){const c=o.props.children,l=s.map(i=>i===o?r.Children.count(c)>1?r.Children.only(null):r.isValidElement(c)?c.props.children:null:i);return r.createElement(b,d({},e,{ref:a}),r.isValidElement(c)?r.cloneElement(c,void 0,l):null)}return r.createElement(b,d({},e,{ref:a}),n)});u.displayName="Slot";const b=r.forwardRef((t,a)=>{const{children:n,...e}=t;return r.isValidElement(n)?r.cloneElement(n,{...m(e,n.props),ref:f(a,n.ref)}):r.Children.count(n)>1?r.Children.only(null):null});b.displayName="SlotClone";const h=({children:t})=>r.createElement(r.Fragment,null,t);function y(t){return r.isValidElement(t)&&t.type===h}function m(t,a){const n={...a};for(const e in a){const s=t[e],o=a[e];/^on[A-Z]/.test(e)?s&&o?n[e]=(...c)=>{o(...c),s(...c)}:s&&(n[e]=s):e==="style"?n[e]={...s,...o}:e==="className"&&(n[e]=[s,o].filter(Boolean).join(" "))}return{...t,...n}}const p=r.forwardRef((t,a)=>r.createElement(u,{ref:a,...t})),x=[{intent:"primary",design:"filled",class:["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:["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:["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:["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:["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:["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:["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"]}],E=[{intent:"primary",design:"ghost",class:["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:["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:["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:["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:["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:["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:["text-on-surface","enabled:hover:bg-surface-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react"),v=require("class-variance-authority");function d(){return d=Object.assign?Object.assign.bind():function(t){for(var a=1;a<arguments.length;a++){var n=arguments[a];for(var e in n)Object.prototype.hasOwnProperty.call(n,e)&&(t[e]=n[e])}return t},d.apply(this,arguments)}function f(...t){return a=>t.forEach(n=>{return s=a,void(typeof(e=n)=="function"?e(s):e!=null&&(e.current=s));var e,s})}const u=r.forwardRef((t,a)=>{const{children:n,...e}=t,s=r.Children.toArray(n),o=s.find(y);if(o){const c=o.props.children,l=s.map(i=>i===o?r.Children.count(c)>1?r.Children.only(null):r.isValidElement(c)?c.props.children:null:i);return r.createElement(b,d({},e,{ref:a}),r.isValidElement(c)?r.cloneElement(c,void 0,l):null)}return r.createElement(b,d({},e,{ref:a}),n)});u.displayName="Slot";const b=r.forwardRef((t,a)=>{const{children:n,...e}=t;return r.isValidElement(n)?r.cloneElement(n,{...m(e,n.props),ref:f(a,n.ref)}):r.Children.count(n)>1?r.Children.only(null):null});b.displayName="SlotClone";const h=({children:t})=>r.createElement(r.Fragment,null,t);function y(t){return r.isValidElement(t)&&t.type===h}function m(t,a){const n={...a};for(const e in a){const s=t[e],o=a[e];/^on[A-Z]/.test(e)?s&&o?n[e]=(...c)=>{o(...c),s(...c)}:s&&(n[e]=s):e==="style"?n[e]={...s,...o}:e==="className"&&(n[e]=[s,o].filter(Boolean).join(" "))}return{...t,...n}}const p=r.forwardRef((t,a)=>r.createElement(u,{ref:a,...t})),x=[{intent:"primary",design:"filled",class:["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:["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:["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:["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:["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:["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:["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"]}],E=[{intent:"primary",design:"ghost",class:["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:["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:["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:["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:["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:["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:["text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"]}],w=[{intent:"primary",design:"outlined",class:["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:["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:["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:["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:["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:["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:["enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused","text-surface"]}],C=[{intent:"primary",design:"tinted",class:["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:["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:["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:["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:["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:["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:["bg-surface","text-on-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"]}],j=[{intent:"primary",design:"contrast",class:["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:["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:["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:["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:["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:["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:["text-surface","enabled:hover:bg-surface-hovered","enabled:active:bg-surface-hovered","focus-visible:bg-surface-focused"]}],N=v.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:[...x,...w,...C,...E,...j],defaultVariants:{design:"filled",intent:"primary",size:"md",shape:"rounded"}}),V=r.forwardRef(({design:t="filled",disabled:a=!1,intent:n="primary",shape:e="rounded",size:s="md",asChild:o,className:c,...l},i)=>{const g=o?p:"button";return r.createElement(g,{ref:i,className:N({className:c,design:t,disabled:a,intent:n,shape:e,size:s}),disabled:!!a,...l})});exports.Button=V;
|
package/dist/index.mjs
CHANGED
|
@@ -44,7 +44,7 @@ function j(r, t) {
|
|
|
44
44
|
}
|
|
45
45
|
return { ...r, ...n };
|
|
46
46
|
}
|
|
47
|
-
const z = f((r, t) => u.createElement(y, { ref: t, ...r })), O = x(["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: [{ intent: "primary", design: "filled", class: ["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: ["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: ["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: ["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: ["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: ["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: ["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"] }, { intent: "primary", design: "outlined", class: ["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: ["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: ["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: ["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: ["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: ["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: ["enabled:hover:bg-surface-
|
|
47
|
+
const z = f((r, t) => u.createElement(y, { ref: t, ...r })), O = x(["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: [{ intent: "primary", design: "filled", class: ["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: ["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: ["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: ["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: ["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: ["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: ["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"] }, { intent: "primary", design: "outlined", class: ["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: ["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: ["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: ["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: ["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: ["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: ["enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused", "text-surface"] }, { intent: "primary", design: "tinted", class: ["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: ["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: ["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: ["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: ["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: ["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: ["bg-surface", "text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"] }, { intent: "primary", design: "ghost", class: ["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: ["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: ["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: ["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: ["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: ["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: ["text-on-surface", "enabled:hover:bg-surface-hovered", "enabled:active:bg-surface-hovered", "focus-visible:bg-surface-focused"] }, { intent: "primary", design: "contrast", class: ["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: ["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: ["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: ["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: ["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: ["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: ["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" } }), A = u.forwardRef(({ design: r = "filled", disabled: t = !1, intent: n = "primary", shape: e = "rounded", size: a = "md", asChild: s, className: o, ...b }, i) => {
|
|
48
48
|
const p = s ? z : "button";
|
|
49
49
|
return u.createElement(p, { ref: i, className: O({ className: o, design: r, disabled: t, intent: n, shape: e, size: a }), disabled: !!t, ...b });
|
|
50
50
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@spark-ui/button",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.3",
|
|
4
4
|
"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.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -12,8 +12,9 @@
|
|
|
12
12
|
"build": "vite build"
|
|
13
13
|
},
|
|
14
14
|
"dependencies": {
|
|
15
|
+
"@spark-ui/internal-utils": "1.1.0",
|
|
15
16
|
"@spark-ui/slot": "^1.2.0",
|
|
16
17
|
"class-variance-authority": "0.4.0"
|
|
17
18
|
},
|
|
18
|
-
"gitHead": "
|
|
19
|
+
"gitHead": "36552d87a6b377c8dce626c1f13257b8e7656ba5"
|
|
19
20
|
}
|