@spark-web/button 5.0.0-rc.24 → 5.0.0-rc.26

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.
Files changed (9) hide show
  1. package/CHANGELOG.md +37 -0
  2. package/dist/declarations/src/button-link.d.ts +1 -1
  3. package/dist/declarations/src/button.d.ts +4 -0
  4. package/dist/declarations/src/types.d.ts +0 -3
  5. package/dist/declarations/src/use-button-styles.d.ts +13 -13
  6. package/dist/spark-web-button.cjs.dev.js +2 -12
  7. package/dist/spark-web-button.cjs.prod.js +2 -12
  8. package/dist/spark-web-button.esm.js +2 -12
  9. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,42 @@
1
1
  # @spark-web/button
2
2
 
3
+ ## 5.0.0-rc.26
4
+
5
+ ### Minor Changes
6
+
7
+ - Roll back on using theme prop for component level theming; prefer using
8
+ ThemeProvider in applications instead
9
+
10
+ ### Patch Changes
11
+
12
+ - Updated dependencies []:
13
+ - @spark-web/spinner@5.0.0-rc.26
14
+ - @spark-web/theme@5.0.0-rc.26
15
+ - @spark-web/utils@5.0.0-rc.26
16
+ - @spark-web/a11y@5.0.0-rc.26
17
+ - @spark-web/icon@5.0.0-rc.26
18
+ - @spark-web/link@5.0.0-rc.26
19
+ - @spark-web/text@5.0.0-rc.26
20
+ - @spark-web/box@5.0.0-rc.26
21
+
22
+ ## 5.0.0-rc.25
23
+
24
+ ### Minor Changes
25
+
26
+ - Implement checkbox tokens for test theme
27
+
28
+ ### Patch Changes
29
+
30
+ - Updated dependencies []:
31
+ - @spark-web/spinner@5.0.0-rc.25
32
+ - @spark-web/theme@5.0.0-rc.25
33
+ - @spark-web/utils@5.0.0-rc.25
34
+ - @spark-web/a11y@5.0.0-rc.25
35
+ - @spark-web/icon@5.0.0-rc.25
36
+ - @spark-web/link@5.0.0-rc.25
37
+ - @spark-web/text@5.0.0-rc.25
38
+ - @spark-web/box@5.0.0-rc.25
39
+
3
40
  ## 5.0.0-rc.24
4
41
 
5
42
  ### Minor Changes
package/dist/declarations/src/button-link.d.ts CHANGED
@@ -4,5 +4,5 @@ import type { CommonButtonProps } from "./types.js";
4
4
  export declare type ButtonLinkProps = LinkComponentProps & CommonButtonProps;
5
5
  export declare const ButtonLink: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: {
6
6
  as?: Comp | undefined;
7
- ref?: import("react").Ref<Comp extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
7
+ ref?: import("react").Ref<Comp extends "symbol" | "text" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "text" | "clipPath" | "filter" | "mask" | "marker" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
8
8
  } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & ButtonLinkProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
package/dist/declarations/src/button.d.ts CHANGED
@@ -21,4 +21,8 @@ export declare type ButtonProps = CommonButtonProps & {
21
21
  /** Provide an alternate type if the button is within a form. */
22
22
  type?: 'button' | 'submit' | 'reset';
23
23
  };
24
+ /**
25
+ * Buttons are used to initialize an action, their label should express what
26
+ * action will occur when the user interacts with it.
27
+ */
24
28
  export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
package/dist/declarations/src/types.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import type { CSSObject } from '@emotion/react';
2
2
  import type { BackgroundTone } from '@spark-web/a11y';
3
3
  import type { IconProps } from '@spark-web/icon';
4
- import type { SparkThemeName } from '@spark-web/theme';
5
4
  import type { DataAttributeMap } from '@spark-web/utils/internal';
6
5
  import type { ButtonHTMLAttributes, ReactElement } from 'react';
7
6
  import type { mapTokens } from "./utils.js";
@@ -27,8 +26,6 @@ export declare type CommonButtonProps = {
27
26
  data?: DataAttributeMap;
28
27
  /** Unique identifier for the underlying element. */
29
28
  id?: string;
30
- /** The theme to use for the button styles. Defaults to Brighte. */
31
- theme?: SparkThemeName;
32
29
  } & ButtonStyleProps & ButtonChildrenProps;
33
30
  export declare type ButtonStyleProps = {
34
31
  /** Sets override styles for the button. */
package/dist/declarations/src/use-button-styles.d.ts CHANGED
@@ -382,19 +382,19 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
382
382
  readonly wordWrap?: import("csstype").Property.WordWrap | readonly import("csstype").Property.WordWrap[] | undefined;
383
383
  readonly writingMode?: import("csstype").Property.WritingMode | readonly import("csstype").Property.WritingMode[] | undefined;
384
384
  readonly zIndex?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.ZIndex | readonly import("csstype").Property.ZIndex[] | undefined;
385
- readonly zoom?: import("csstype").Property.Zoom | readonly import("csstype").Property.Zoom[] | readonly ((string & {}) | import("csstype").Globals | "normal" | "reset")[] | undefined;
385
+ readonly zoom?: import("csstype").Property.Zoom | readonly import("csstype").Property.Zoom[] | readonly ((string & {}) | import("csstype").Globals | "reset" | "normal")[] | undefined;
386
386
  readonly all?: import("csstype").Globals | readonly import("csstype").Globals[] | undefined;
387
- readonly animation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "normal" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
387
+ readonly animation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "normal" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
388
388
  readonly animationRange?: readonly (string | (string & {}))[] | import("csstype").Property.AnimationRange<string | number> | readonly import("csstype").Property.AnimationRange<string | number>[] | undefined;
389
389
  background: string | number | readonly import("csstype").Property.Background<string | number>[] | undefined;
390
390
  readonly backgroundPosition?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundPosition<string | number> | readonly import("csstype").Property.BackgroundPosition<string | number>[] | undefined;
391
- border: string | number | readonly import("csstype").Property.Border<string | number>[] | Partial<Record<"mobile" | "tablet" | "desktop" | "wide", string | number>> | undefined;
391
+ border: string | number | Partial<Record<"mobile" | "tablet" | "desktop" | "wide", string>> | readonly import("csstype").Property.Border<string | number>[] | undefined;
392
392
  readonly borderBlock?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlock<string | number> | readonly import("csstype").Property.BorderBlock<string | number>[] | undefined;
393
393
  readonly borderBlockEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockEnd<string | number> | readonly import("csstype").Property.BorderBlockEnd<string | number>[] | undefined;
394
394
  readonly borderBlockStart?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBlockStart<string | number> | readonly import("csstype").Property.BorderBlockStart<string | number>[] | undefined;
395
395
  readonly borderBottom?: readonly (string | (string & {}))[] | import("csstype").Property.BorderBottom<string | number> | readonly import("csstype").Property.BorderBottom<string | number>[] | undefined;
396
396
  readonly borderColor?: import("csstype").Property.BorderColor | readonly import("csstype").Property.BorderColor[] | undefined;
397
- readonly borderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "stretch" | "round" | "space")[] | undefined;
397
+ readonly borderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "repeat" | "none" | "stretch" | "round" | "space")[] | undefined;
398
398
  readonly borderInline?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInline<string | number> | readonly import("csstype").Property.BorderInline<string | number>[] | undefined;
399
399
  readonly borderInlineEnd?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineEnd<string | number> | readonly import("csstype").Property.BorderInlineEnd<string | number>[] | undefined;
400
400
  readonly borderInlineStart?: readonly (string | (string & {}))[] | import("csstype").Property.BorderInlineStart<string | number> | readonly import("csstype").Property.BorderInlineStart<string | number>[] | undefined;
@@ -403,7 +403,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
403
403
  readonly borderRight?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRight<string | number> | readonly import("csstype").Property.BorderRight<string | number>[] | undefined;
404
404
  readonly borderStyle?: import("csstype").Property.BorderStyle | readonly import("csstype").Property.BorderStyle[] | undefined;
405
405
  readonly borderTop?: readonly (string | (string & {}))[] | import("csstype").Property.BorderTop<string | number> | readonly import("csstype").Property.BorderTop<string | number>[] | undefined;
406
- borderWidth: string | number | Partial<Record<"mobile" | "tablet" | "desktop" | "wide", "large" | "standard">> | readonly import("csstype").Property.BorderWidth<string | number>[] | undefined;
406
+ borderWidth: string | number | readonly import("csstype").Property.BorderWidth<string | number>[] | Partial<Record<"mobile" | "tablet" | "desktop" | "wide", "large" | "standard">> | undefined;
407
407
  readonly caret?: import("csstype").Property.Caret | readonly import("csstype").Property.Caret[] | undefined;
408
408
  readonly columnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly import("csstype").Property.ColumnRule<string | number>[] | undefined;
409
409
  readonly columns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly import("csstype").Property.Columns<string | number>[] | undefined;
@@ -427,7 +427,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
427
427
  readonly marginBlock?: readonly (string | (string & {}))[] | import("csstype").Property.MarginBlock<string | number> | readonly import("csstype").Property.MarginBlock<string | number>[] | undefined;
428
428
  readonly marginInline?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInline<string | number> | readonly import("csstype").Property.MarginInline<string | number>[] | undefined;
429
429
  readonly mask?: readonly (string | (string & {}))[] | import("csstype").Property.Mask<string | number> | readonly import("csstype").Property.Mask<string | number>[] | undefined;
430
- readonly maskBorder?: import("csstype").Property.MaskBorder | readonly import("csstype").Property.MaskBorder[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "stretch" | "round" | "space" | "alpha" | "luminance")[] | undefined;
430
+ readonly maskBorder?: import("csstype").Property.MaskBorder | readonly import("csstype").Property.MaskBorder[] | readonly ((string & {}) | import("csstype").Globals | "repeat" | "none" | "stretch" | "round" | "space" | "alpha" | "luminance")[] | undefined;
431
431
  readonly motion?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly import("csstype").Property.Offset<string | number>[] | undefined;
432
432
  readonly offset?: readonly (string | (string & {}))[] | import("csstype").Property.Offset<string | number> | readonly import("csstype").Property.Offset<string | number>[] | undefined;
433
433
  readonly outline?: readonly (string | (string & {}))[] | import("csstype").Property.Outline<string | number> | readonly import("csstype").Property.Outline<string | number>[] | undefined;
@@ -671,8 +671,8 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
671
671
  readonly WebkitUserModify?: import("csstype").Property.WebkitUserModify | readonly import("csstype").Property.WebkitUserModify[] | undefined;
672
672
  readonly WebkitUserSelect?: import("csstype").Property.UserSelect | readonly import("csstype").Property.UserSelect[] | undefined;
673
673
  readonly WebkitWritingMode?: import("csstype").Property.WritingMode | readonly import("csstype").Property.WritingMode[] | undefined;
674
- readonly MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "normal" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
675
- readonly MozBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "stretch" | "round" | "space")[] | undefined;
674
+ readonly MozAnimation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "normal" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
675
+ readonly MozBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "repeat" | "none" | "stretch" | "round" | "space")[] | undefined;
676
676
  readonly MozColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly import("csstype").Property.ColumnRule<string | number>[] | undefined;
677
677
  readonly MozColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly import("csstype").Property.Columns<string | number>[] | undefined;
678
678
  readonly MozOutlineRadius?: readonly (string | (string & {}))[] | import("csstype").Property.MozOutlineRadius<string | number> | readonly import("csstype").Property.MozOutlineRadius<string | number>[] | undefined;
@@ -683,16 +683,16 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
683
683
  readonly msScrollSnapX?: import("csstype").Property.MsScrollSnapX | readonly import("csstype").Property.MsScrollSnapX[] | undefined;
684
684
  readonly msScrollSnapY?: import("csstype").Property.MsScrollSnapY | readonly import("csstype").Property.MsScrollSnapY[] | undefined;
685
685
  readonly msTransition?: import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
686
- readonly WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "normal" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
686
+ readonly WebkitAnimation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "normal" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
687
687
  readonly WebkitBorderBefore?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitBorderBefore<string | number> | readonly import("csstype").Property.WebkitBorderBefore<string | number>[] | undefined;
688
- readonly WebkitBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "stretch" | "round" | "space")[] | undefined;
688
+ readonly WebkitBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "repeat" | "none" | "stretch" | "round" | "space")[] | undefined;
689
689
  readonly WebkitBorderRadius?: readonly (string | (string & {}))[] | import("csstype").Property.BorderRadius<string | number> | readonly import("csstype").Property.BorderRadius<string | number>[] | undefined;
690
690
  readonly WebkitColumnRule?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnRule<string | number> | readonly import("csstype").Property.ColumnRule<string | number>[] | undefined;
691
691
  readonly WebkitColumns?: readonly (string | (string & {}))[] | import("csstype").Property.Columns<string | number> | readonly import("csstype").Property.Columns<string | number>[] | undefined;
692
692
  readonly WebkitFlex?: readonly (string | (string & {}))[] | import("csstype").Property.Flex<string | number> | readonly import("csstype").Property.Flex<string | number>[] | undefined;
693
693
  readonly WebkitFlexFlow?: import("csstype").Property.FlexFlow | readonly import("csstype").Property.FlexFlow[] | undefined;
694
694
  readonly WebkitMask?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitMask<string | number> | readonly import("csstype").Property.WebkitMask<string | number>[] | undefined;
695
- readonly WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly import("csstype").Property.MaskBorder[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "stretch" | "round" | "space" | "alpha" | "luminance")[] | undefined;
695
+ readonly WebkitMaskBoxImage?: import("csstype").Property.MaskBorder | readonly import("csstype").Property.MaskBorder[] | readonly ((string & {}) | import("csstype").Globals | "repeat" | "none" | "stretch" | "round" | "space" | "alpha" | "luminance")[] | undefined;
696
696
  readonly WebkitTextEmphasis?: import("csstype").Property.TextEmphasis | readonly import("csstype").Property.TextEmphasis[] | undefined;
697
697
  readonly WebkitTextStroke?: readonly (string | (string & {}))[] | import("csstype").Property.WebkitTextStroke<string | number> | readonly import("csstype").Property.WebkitTextStroke<string | number>[] | undefined;
698
698
  readonly WebkitTransition?: import("csstype").Property.Transition<string & {}> | readonly import("csstype").Property.Transition<string & {}>[] | undefined;
@@ -773,7 +773,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
773
773
  readonly MozTransitionTimingFunction?: import("csstype").Property.TransitionTimingFunction | readonly import("csstype").Property.TransitionTimingFunction[] | undefined;
774
774
  readonly MozUserInput?: import("csstype").Property.MozUserInput | readonly import("csstype").Property.MozUserInput[] | undefined;
775
775
  readonly msImeMode?: import("csstype").Property.ImeMode | readonly import("csstype").Property.ImeMode[] | undefined;
776
- readonly OAnimation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "normal" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
776
+ readonly OAnimation?: import("csstype").Property.Animation<string & {}> | readonly import("csstype").Property.Animation<string & {}>[] | readonly ((string & {}) | import("csstype").Globals | "auto" | "none" | "normal" | "both" | "ease" | "ease-in" | "ease-in-out" | "ease-out" | "step-end" | "step-start" | "linear" | "alternate" | "alternate-reverse" | "reverse" | "backwards" | "forwards" | "infinite" | "paused" | "running")[] | undefined;
777
777
  readonly OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | readonly import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
778
778
  readonly OAnimationDirection?: import("csstype").Property.AnimationDirection | readonly import("csstype").Property.AnimationDirection[] | undefined;
779
779
  readonly OAnimationDuration?: import("csstype").Property.AnimationDuration<string & {}> | readonly import("csstype").Property.AnimationDuration<string & {}>[] | undefined;
@@ -783,7 +783,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
783
783
  readonly OAnimationPlayState?: import("csstype").Property.AnimationPlayState | readonly import("csstype").Property.AnimationPlayState[] | undefined;
784
784
  readonly OAnimationTimingFunction?: import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
785
785
  readonly OBackgroundSize?: readonly (string | (string & {}))[] | import("csstype").Property.BackgroundSize<string | number> | readonly import("csstype").Property.BackgroundSize<string | number>[] | undefined;
786
- readonly OBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "stretch" | "round" | "space")[] | undefined;
786
+ readonly OBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "repeat" | "none" | "stretch" | "round" | "space")[] | undefined;
787
787
  readonly OObjectFit?: import("csstype").Property.ObjectFit | readonly import("csstype").Property.ObjectFit[] | undefined;
788
788
  readonly OObjectPosition?: readonly (string | (string & {}))[] | import("csstype").Property.ObjectPosition<string | number> | readonly import("csstype").Property.ObjectPosition<string | number>[] | undefined;
789
789
  readonly OTabSize?: readonly (string | (string & {}))[] | import("csstype").Property.TabSize<string | number> | readonly import("csstype").Property.TabSize<string | number>[] | undefined;
package/dist/spark-web-button.cjs.dev.js CHANGED
@@ -12,8 +12,8 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
12
  var react$1 = require('@emotion/react');
13
13
  var a11y = require('@spark-web/a11y');
14
14
  var spinner = require('@spark-web/spinner');
15
- var theme = require('@spark-web/theme');
16
15
  var text = require('@spark-web/text');
16
+ var theme = require('@spark-web/theme');
17
17
  var link = require('@spark-web/link');
18
18
  var ts = require('@spark-web/utils/ts');
19
19
 
@@ -371,7 +371,7 @@ var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "data",
371
371
  * Buttons are used to initialize an action, their label should express what
372
372
  * action will occur when the user interacts with it.
373
373
  */
374
- var UnthemedButton = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
374
+ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
375
375
  var ariaControls = _ref['aria-controls'],
376
376
  ariaDescribedBy = _ref['aria-describedby'],
377
377
  ariaExpanded = _ref['aria-expanded'],
@@ -427,16 +427,6 @@ var UnthemedButton = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef)
427
427
  })]
428
428
  }));
429
429
  });
430
- UnthemedButton.displayName = 'UnthemedButton';
431
- var Button = /*#__PURE__*/react.forwardRef(function (props, ref) {
432
- var theme$1 = props.theme;
433
- return jsxRuntime.jsx(theme.ThemeProvider, {
434
- theme: theme$1,
435
- children: jsxRuntime.jsx(UnthemedButton, _objectSpread(_objectSpread({}, props), {}, {
436
- ref: ref
437
- }))
438
- });
439
- });
440
430
  Button.displayName = 'Button';
441
431
  function Loading(_ref2) {
442
432
  var tone = _ref2.tone;
package/dist/spark-web-button.cjs.prod.js CHANGED
@@ -12,8 +12,8 @@ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
12
  var react$1 = require('@emotion/react');
13
13
  var a11y = require('@spark-web/a11y');
14
14
  var spinner = require('@spark-web/spinner');
15
- var theme = require('@spark-web/theme');
16
15
  var text = require('@spark-web/text');
16
+ var theme = require('@spark-web/theme');
17
17
  var link = require('@spark-web/link');
18
18
  var ts = require('@spark-web/utils/ts');
19
19
 
@@ -371,7 +371,7 @@ var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "data",
371
371
  * Buttons are used to initialize an action, their label should express what
372
372
  * action will occur when the user interacts with it.
373
373
  */
374
- var UnthemedButton = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
374
+ var Button = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
375
375
  var ariaControls = _ref['aria-controls'],
376
376
  ariaDescribedBy = _ref['aria-describedby'],
377
377
  ariaExpanded = _ref['aria-expanded'],
@@ -427,16 +427,6 @@ var UnthemedButton = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef)
427
427
  })]
428
428
  }));
429
429
  });
430
- UnthemedButton.displayName = 'UnthemedButton';
431
- var Button = /*#__PURE__*/react.forwardRef(function (props, ref) {
432
- var theme$1 = props.theme;
433
- return jsxRuntime.jsx(theme.ThemeProvider, {
434
- theme: theme$1,
435
- children: jsxRuntime.jsx(UnthemedButton, _objectSpread(_objectSpread({}, props), {}, {
436
- ref: ref
437
- }))
438
- });
439
- });
440
430
  Button.displayName = 'Button';
441
431
  function Loading(_ref2) {
442
432
  var tone = _ref2.tone;
package/dist/spark-web-button.esm.js CHANGED
@@ -8,8 +8,8 @@ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
8
8
  import { css } from '@emotion/react';
9
9
  import { useFocusRing, VisuallyHidden } from '@spark-web/a11y';
10
10
  import { Spinner } from '@spark-web/spinner';
11
- import { useTheme, ThemeProvider } from '@spark-web/theme';
12
11
  import { Text } from '@spark-web/text';
12
+ import { useTheme, ThemeProvider } from '@spark-web/theme';
13
13
  import { useLinkComponent } from '@spark-web/link';
14
14
  import { forwardRefWithAs } from '@spark-web/utils/ts';
15
15
 
@@ -367,7 +367,7 @@ var _excluded$1 = ["aria-controls", "aria-describedby", "aria-expanded", "data",
367
367
  * Buttons are used to initialize an action, their label should express what
368
368
  * action will occur when the user interacts with it.
369
369
  */
370
- var UnthemedButton = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
370
+ var Button = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
371
371
  var ariaControls = _ref['aria-controls'],
372
372
  ariaDescribedBy = _ref['aria-describedby'],
373
373
  ariaExpanded = _ref['aria-expanded'],
@@ -423,16 +423,6 @@ var UnthemedButton = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
423
423
  })]
424
424
  }));
425
425
  });
426
- UnthemedButton.displayName = 'UnthemedButton';
427
- var Button = /*#__PURE__*/forwardRef(function (props, ref) {
428
- var theme = props.theme;
429
- return jsx(ThemeProvider, {
430
- theme: theme,
431
- children: jsx(UnthemedButton, _objectSpread(_objectSpread({}, props), {}, {
432
- ref: ref
433
- }))
434
- });
435
- });
436
426
  Button.displayName = 'Button';
437
427
  function Loading(_ref2) {
438
428
  var tone = _ref2.tone;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/button",
3
- "version": "5.0.0-rc.24",
3
+ "version": "5.0.0-rc.26",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,14 +17,14 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.25.0",
19
19
  "@emotion/react": "^11.14.0",
20
- "@spark-web/a11y": "^5.0.0-rc.24",
21
- "@spark-web/box": "^5.0.0-rc.24",
22
- "@spark-web/icon": "^5.0.0-rc.24",
23
- "@spark-web/link": "^5.0.0-rc.24",
24
- "@spark-web/spinner": "^5.0.0-rc.24",
25
- "@spark-web/text": "^5.0.0-rc.24",
26
- "@spark-web/theme": "^5.0.0-rc.24",
27
- "@spark-web/utils": "^5.0.0-rc.24"
20
+ "@spark-web/a11y": "^5.0.0-rc.26",
21
+ "@spark-web/box": "^5.0.0-rc.26",
22
+ "@spark-web/icon": "^5.0.0-rc.26",
23
+ "@spark-web/link": "^5.0.0-rc.26",
24
+ "@spark-web/spinner": "^5.0.0-rc.26",
25
+ "@spark-web/text": "^5.0.0-rc.26",
26
+ "@spark-web/theme": "^5.0.0-rc.26",
27
+ "@spark-web/utils": "^5.0.0-rc.26"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@types/react": "^18.2.0",