@spark-web/button 5.0.0-rc.25 → 5.0.0-rc.27

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 +2 -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 +34 -34
  6. package/dist/spark-web-button.cjs.dev.js +3 -22
  7. package/dist/spark-web-button.cjs.prod.js +3 -22
  8. package/dist/spark-web-button.esm.js +3 -22
  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.27
4
+
5
+ ### Minor Changes
6
+
7
+ - Remove theme prop in button link
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies []:
12
+ - @spark-web/spinner@5.0.0-rc.27
13
+ - @spark-web/theme@5.0.0-rc.27
14
+ - @spark-web/utils@5.0.0-rc.27
15
+ - @spark-web/a11y@5.0.0-rc.27
16
+ - @spark-web/icon@5.0.0-rc.27
17
+ - @spark-web/link@5.0.0-rc.27
18
+ - @spark-web/text@5.0.0-rc.27
19
+ - @spark-web/box@5.0.0-rc.27
20
+
21
+ ## 5.0.0-rc.26
22
+
23
+ ### Minor Changes
24
+
25
+ - Roll back on using theme prop for component level theming; prefer using
26
+ ThemeProvider in applications instead
27
+
28
+ ### Patch Changes
29
+
30
+ - Updated dependencies []:
31
+ - @spark-web/spinner@5.0.0-rc.26
32
+ - @spark-web/theme@5.0.0-rc.26
33
+ - @spark-web/utils@5.0.0-rc.26
34
+ - @spark-web/a11y@5.0.0-rc.26
35
+ - @spark-web/icon@5.0.0-rc.26
36
+ - @spark-web/link@5.0.0-rc.26
37
+ - @spark-web/text@5.0.0-rc.26
38
+ - @spark-web/box@5.0.0-rc.26
39
+
3
40
  ## 5.0.0-rc.25
4
41
 
5
42
  ### Minor Changes
package/dist/declarations/src/button-link.d.ts CHANGED
@@ -2,7 +2,8 @@
2
2
  import type { LinkComponentProps } from '@spark-web/link';
3
3
  import type { CommonButtonProps } from "./types.js";
4
4
  export declare type ButtonLinkProps = LinkComponentProps & CommonButtonProps;
5
+ /** The appearance of a `Button`, with the semantics of a link. */
5
6
  export declare const ButtonLink: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: {
6
7
  as?: Comp | undefined;
7
- ref?: import("react").Ref<Comp extends "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "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" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "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;
8
+ 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;
8
9
  } & 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
@@ -26,7 +26,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
26
26
  readonly animationTimeline?: import("csstype").Property.AnimationTimeline | readonly import("csstype").Property.AnimationTimeline[] | undefined;
27
27
  readonly animationTimingFunction?: import("csstype").Property.AnimationTimingFunction | readonly import("csstype").Property.AnimationTimingFunction[] | undefined;
28
28
  readonly appearance?: import("csstype").Property.Appearance | readonly import("csstype").Property.Appearance[] | undefined;
29
- readonly aspectRatio?: import("csstype").Property.AspectRatio | readonly import("csstype").Property.AspectRatio[] | readonly ((string & {}) | "auto" | import("csstype").Globals)[] | undefined;
29
+ readonly aspectRatio?: import("csstype").Property.AspectRatio | readonly import("csstype").Property.AspectRatio[] | readonly ((string & {}) | import("csstype").Globals | "auto")[] | undefined;
30
30
  readonly backdropFilter?: import("csstype").Property.BackdropFilter | readonly import("csstype").Property.BackdropFilter[] | undefined;
31
31
  readonly backfaceVisibility?: import("csstype").Property.BackfaceVisibility | readonly import("csstype").Property.BackfaceVisibility[] | undefined;
32
32
  readonly backgroundAttachment?: import("csstype").Property.BackgroundAttachment | readonly import("csstype").Property.BackgroundAttachment[] | undefined;
@@ -101,7 +101,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
101
101
  readonly color?: import("csstype").Property.Color | readonly import("csstype").Property.Color[] | undefined;
102
102
  readonly colorAdjust?: import("csstype").Property.PrintColorAdjust | readonly import("csstype").Property.PrintColorAdjust[] | undefined;
103
103
  readonly colorScheme?: import("csstype").Property.ColorScheme | readonly import("csstype").Property.ColorScheme[] | undefined;
104
- readonly columnCount?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.ColumnCount | readonly import("csstype").Property.ColumnCount[] | undefined;
104
+ readonly columnCount?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.ColumnCount | readonly import("csstype").Property.ColumnCount[] | undefined;
105
105
  readonly columnFill?: import("csstype").Property.ColumnFill | readonly import("csstype").Property.ColumnFill[] | undefined;
106
106
  readonly columnGap?: readonly (string | (string & {}))[] | import("csstype").Property.ColumnGap<string | number> | readonly import("csstype").Property.ColumnGap<string | number>[] | undefined;
107
107
  readonly columnRuleColor?: import("csstype").Property.ColumnRuleColor | readonly import("csstype").Property.ColumnRuleColor[] | undefined;
@@ -139,7 +139,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
139
139
  readonly fontOpticalSizing?: import("csstype").Property.FontOpticalSizing | readonly import("csstype").Property.FontOpticalSizing[] | undefined;
140
140
  readonly fontPalette?: import("csstype").Property.FontPalette | readonly import("csstype").Property.FontPalette[] | undefined;
141
141
  readonly fontSize?: readonly (string | (string & {}))[] | import("csstype").Property.FontSize<string | number> | readonly import("csstype").Property.FontSize<string | number>[] | undefined;
142
- readonly fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly import("csstype").Property.FontSizeAdjust[] | readonly ("none" | (string & {}) | import("csstype").Globals | "from-font")[] | undefined;
142
+ readonly fontSizeAdjust?: import("csstype").Property.FontSizeAdjust | readonly import("csstype").Property.FontSizeAdjust[] | readonly ((string & {}) | import("csstype").Globals | "none" | "from-font")[] | undefined;
143
143
  readonly fontSmooth?: readonly string[] | import("csstype").Property.FontSmooth<string | number> | readonly import("csstype").Property.FontSmooth<string | number>[] | undefined;
144
144
  readonly fontStretch?: import("csstype").Property.FontStretch | readonly import("csstype").Property.FontStretch[] | undefined;
145
145
  readonly fontStyle?: import("csstype").Property.FontStyle | readonly import("csstype").Property.FontStyle[] | undefined;
@@ -157,22 +157,22 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
157
157
  readonly fontVariantNumeric?: import("csstype").Property.FontVariantNumeric | readonly import("csstype").Property.FontVariantNumeric[] | undefined;
158
158
  readonly fontVariantPosition?: import("csstype").Property.FontVariantPosition | readonly import("csstype").Property.FontVariantPosition[] | undefined;
159
159
  readonly fontVariationSettings?: import("csstype").Property.FontVariationSettings | readonly import("csstype").Property.FontVariationSettings[] | undefined;
160
- readonly fontWeight?: import("csstype").Property.FontWeight | readonly import("csstype").Property.FontWeight[] | readonly ("bold" | (string & {}) | import("csstype").Globals | "normal" | "bolder" | "lighter")[] | undefined;
160
+ readonly fontWeight?: import("csstype").Property.FontWeight | readonly import("csstype").Property.FontWeight[] | readonly ((string & {}) | import("csstype").Globals | "bold" | "normal" | "bolder" | "lighter")[] | undefined;
161
161
  readonly forcedColorAdjust?: import("csstype").Property.ForcedColorAdjust | readonly import("csstype").Property.ForcedColorAdjust[] | undefined;
162
162
  readonly gridAutoColumns?: readonly (string | (string & {}))[] | import("csstype").Property.GridAutoColumns<string | number> | readonly import("csstype").Property.GridAutoColumns<string | number>[] | undefined;
163
163
  readonly gridAutoFlow?: import("csstype").Property.GridAutoFlow | readonly import("csstype").Property.GridAutoFlow[] | undefined;
164
164
  readonly gridAutoRows?: readonly (string | (string & {}))[] | import("csstype").Property.GridAutoRows<string | number> | readonly import("csstype").Property.GridAutoRows<string | number>[] | undefined;
165
- readonly gridColumnEnd?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridColumnEnd | readonly import("csstype").Property.GridColumnEnd[] | undefined;
166
- readonly gridColumnStart?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridColumnStart | readonly import("csstype").Property.GridColumnStart[] | undefined;
167
- readonly gridRowEnd?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridRowEnd | readonly import("csstype").Property.GridRowEnd[] | undefined;
168
- readonly gridRowStart?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridRowStart | readonly import("csstype").Property.GridRowStart[] | undefined;
165
+ readonly gridColumnEnd?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridColumnEnd | readonly import("csstype").Property.GridColumnEnd[] | undefined;
166
+ readonly gridColumnStart?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridColumnStart | readonly import("csstype").Property.GridColumnStart[] | undefined;
167
+ readonly gridRowEnd?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridRowEnd | readonly import("csstype").Property.GridRowEnd[] | undefined;
168
+ readonly gridRowStart?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridRowStart | readonly import("csstype").Property.GridRowStart[] | undefined;
169
169
  readonly gridTemplateAreas?: import("csstype").Property.GridTemplateAreas | readonly import("csstype").Property.GridTemplateAreas[] | undefined;
170
170
  readonly gridTemplateColumns?: readonly (string | (string & {}))[] | import("csstype").Property.GridTemplateColumns<string | number> | readonly import("csstype").Property.GridTemplateColumns<string | number>[] | undefined;
171
171
  readonly gridTemplateRows?: readonly (string | (string & {}))[] | import("csstype").Property.GridTemplateRows<string | number> | readonly import("csstype").Property.GridTemplateRows<string | number>[] | undefined;
172
172
  readonly hangingPunctuation?: import("csstype").Property.HangingPunctuation | readonly import("csstype").Property.HangingPunctuation[] | undefined;
173
173
  height: string | number | readonly import("csstype").Property.Height<string | number>[];
174
174
  readonly hyphenateCharacter?: import("csstype").Property.HyphenateCharacter | readonly import("csstype").Property.HyphenateCharacter[] | undefined;
175
- readonly hyphenateLimitChars?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.HyphenateLimitChars | readonly import("csstype").Property.HyphenateLimitChars[] | undefined;
175
+ readonly hyphenateLimitChars?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.HyphenateLimitChars | readonly import("csstype").Property.HyphenateLimitChars[] | undefined;
176
176
  readonly hyphens?: import("csstype").Property.Hyphens | readonly import("csstype").Property.Hyphens[] | undefined;
177
177
  readonly imageOrientation?: import("csstype").Property.ImageOrientation | readonly import("csstype").Property.ImageOrientation[] | undefined;
178
178
  readonly imageRendering?: import("csstype").Property.ImageRendering | readonly import("csstype").Property.ImageRendering[] | undefined;
@@ -228,7 +228,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
228
228
  readonly maxBlockSize?: readonly (string | (string & {}))[] | import("csstype").Property.MaxBlockSize<string | number> | readonly import("csstype").Property.MaxBlockSize<string | number>[] | undefined;
229
229
  readonly maxHeight?: readonly (string | (string & {}))[] | import("csstype").Property.MaxHeight<string | number> | readonly import("csstype").Property.MaxHeight<string | number>[] | undefined;
230
230
  readonly maxInlineSize?: readonly (string | (string & {}))[] | import("csstype").Property.MaxInlineSize<string | number> | readonly import("csstype").Property.MaxInlineSize<string | number>[] | undefined;
231
- readonly maxLines?: import("csstype").Property.MaxLines | readonly import("csstype").Property.MaxLines[] | readonly ("none" | (string & {}) | import("csstype").Globals)[] | undefined;
231
+ readonly maxLines?: import("csstype").Property.MaxLines | readonly import("csstype").Property.MaxLines[] | readonly ((string & {}) | import("csstype").Globals | "none")[] | undefined;
232
232
  readonly maxWidth?: readonly (string | (string & {}))[] | import("csstype").Property.MaxWidth<string | number> | readonly import("csstype").Property.MaxWidth<string | number>[] | undefined;
233
233
  readonly minBlockSize?: readonly (string | (string & {}))[] | import("csstype").Property.MinBlockSize<string | number> | readonly import("csstype").Property.MinBlockSize<string | number>[] | undefined;
234
234
  readonly minHeight?: readonly (string | (string & {}))[] | import("csstype").Property.MinHeight<string | number> | readonly import("csstype").Property.MinHeight<string | number>[] | undefined;
@@ -292,7 +292,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
292
292
  readonly rubyAlign?: import("csstype").Property.RubyAlign | readonly import("csstype").Property.RubyAlign[] | undefined;
293
293
  readonly rubyMerge?: import("csstype").Property.RubyMerge | readonly import("csstype").Property.RubyMerge[] | undefined;
294
294
  readonly rubyPosition?: import("csstype").Property.RubyPosition | readonly import("csstype").Property.RubyPosition[] | undefined;
295
- readonly scale?: readonly ("none" | (string & {}) | import("csstype").Globals)[] | import("csstype").Property.Scale | readonly import("csstype").Property.Scale[] | undefined;
295
+ readonly scale?: readonly ((string & {}) | import("csstype").Globals | "none")[] | import("csstype").Property.Scale | readonly import("csstype").Property.Scale[] | undefined;
296
296
  readonly scrollBehavior?: import("csstype").Property.ScrollBehavior | readonly import("csstype").Property.ScrollBehavior[] | undefined;
297
297
  readonly scrollMarginBlockEnd?: readonly string[] | import("csstype").Property.ScrollMarginBlockEnd<string | number> | readonly import("csstype").Property.ScrollMarginBlockEnd<string | number>[] | undefined;
298
298
  readonly scrollMarginBlockStart?: readonly string[] | import("csstype").Property.ScrollMarginBlockStart<string | number> | readonly import("csstype").Property.ScrollMarginBlockStart<string | number>[] | undefined;
@@ -381,20 +381,20 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
381
381
  readonly wordSpacing?: readonly string[] | import("csstype").Property.WordSpacing<string | number> | readonly import("csstype").Property.WordSpacing<string | number>[] | undefined;
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
- readonly zIndex?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.ZIndex | readonly import("csstype").Property.ZIndex[] | undefined;
385
- readonly zoom?: import("csstype").Property.Zoom | readonly import("csstype").Property.Zoom[] | readonly ((string & {}) | "reset" | import("csstype").Globals | "normal")[] | undefined;
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;
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 ("none" | (string & {}) | "auto" | import("csstype").Globals | "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;
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;
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>> | 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 ("repeat" | "none" | (string & {}) | "round" | import("csstype").Globals | "stretch" | "space")[] | undefined;
397
+ readonly borderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "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;
@@ -414,20 +414,20 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
414
414
  readonly font?: import("csstype").Property.Font | readonly import("csstype").Property.Font[] | undefined;
415
415
  gap: string | number | readonly import("csstype").Property.Gap<string | number>[];
416
416
  readonly grid?: import("csstype").Property.Grid | readonly import("csstype").Property.Grid[] | undefined;
417
- readonly gridArea?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridArea | readonly import("csstype").Property.GridArea[] | undefined;
418
- readonly gridColumn?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridColumn | readonly import("csstype").Property.GridColumn[] | undefined;
419
- readonly gridRow?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GridRow | readonly import("csstype").Property.GridRow[] | undefined;
417
+ readonly gridArea?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridArea | readonly import("csstype").Property.GridArea[] | undefined;
418
+ readonly gridColumn?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridColumn | readonly import("csstype").Property.GridColumn[] | undefined;
419
+ readonly gridRow?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GridRow | readonly import("csstype").Property.GridRow[] | undefined;
420
420
  readonly gridTemplate?: import("csstype").Property.GridTemplate | readonly import("csstype").Property.GridTemplate[] | undefined;
421
421
  readonly inset?: readonly (string | (string & {}))[] | import("csstype").Property.Inset<string | number> | readonly import("csstype").Property.Inset<string | number>[] | undefined;
422
422
  readonly insetBlock?: readonly (string | (string & {}))[] | import("csstype").Property.InsetBlock<string | number> | readonly import("csstype").Property.InsetBlock<string | number>[] | undefined;
423
423
  readonly insetInline?: readonly (string | (string & {}))[] | import("csstype").Property.InsetInline<string | number> | readonly import("csstype").Property.InsetInline<string | number>[] | undefined;
424
- readonly lineClamp?: readonly ("none" | (string & {}) | import("csstype").Globals)[] | import("csstype").Property.LineClamp | readonly import("csstype").Property.LineClamp[] | undefined;
424
+ readonly lineClamp?: readonly ((string & {}) | import("csstype").Globals | "none")[] | import("csstype").Property.LineClamp | readonly import("csstype").Property.LineClamp[] | undefined;
425
425
  readonly listStyle?: import("csstype").Property.ListStyle | readonly import("csstype").Property.ListStyle[] | undefined;
426
426
  readonly margin?: readonly (string | (string & {}))[] | import("csstype").Property.Margin<string | number> | readonly import("csstype").Property.Margin<string | number>[] | undefined;
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 ("repeat" | "none" | (string & {}) | "round" | import("csstype").Globals | "stretch" | "space" | "alpha" | "luminance")[] | 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;
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;
@@ -471,7 +471,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
471
471
  readonly MozBorderStartStyle?: import("csstype").Property.BorderInlineStartStyle | readonly import("csstype").Property.BorderInlineStartStyle[] | undefined;
472
472
  readonly MozBorderTopColors?: import("csstype").Property.MozBorderTopColors | readonly import("csstype").Property.MozBorderTopColors[] | undefined;
473
473
  readonly MozBoxSizing?: import("csstype").Property.BoxSizing | readonly import("csstype").Property.BoxSizing[] | undefined;
474
- readonly MozColumnCount?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.ColumnCount | readonly import("csstype").Property.ColumnCount[] | undefined;
474
+ readonly MozColumnCount?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.ColumnCount | readonly import("csstype").Property.ColumnCount[] | undefined;
475
475
  readonly MozColumnFill?: import("csstype").Property.ColumnFill | readonly import("csstype").Property.ColumnFill[] | undefined;
476
476
  readonly MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | readonly import("csstype").Property.ColumnRuleColor[] | undefined;
477
477
  readonly MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | readonly import("csstype").Property.ColumnRuleStyle[] | undefined;
@@ -517,7 +517,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
517
517
  readonly msGridColumns?: readonly (string | (string & {}))[] | import("csstype").Property.MsGridColumns<string | number> | readonly import("csstype").Property.MsGridColumns<string | number>[] | undefined;
518
518
  readonly msGridRows?: readonly (string | (string & {}))[] | import("csstype").Property.MsGridRows<string | number> | readonly import("csstype").Property.MsGridRows<string | number>[] | undefined;
519
519
  readonly msHighContrastAdjust?: import("csstype").Property.MsHighContrastAdjust | readonly import("csstype").Property.MsHighContrastAdjust[] | undefined;
520
- readonly msHyphenateLimitChars?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.MsHyphenateLimitChars | readonly import("csstype").Property.MsHyphenateLimitChars[] | undefined;
520
+ readonly msHyphenateLimitChars?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.MsHyphenateLimitChars | readonly import("csstype").Property.MsHyphenateLimitChars[] | undefined;
521
521
  readonly msHyphenateLimitLines?: import("csstype").Property.MsHyphenateLimitLines | readonly import("csstype").Property.MsHyphenateLimitLines[] | readonly ((string & {}) | import("csstype").Globals | "no-limit")[] | undefined;
522
522
  readonly msHyphenateLimitZone?: readonly (string | (string & {}))[] | import("csstype").Property.MsHyphenateLimitZone<string | number> | readonly import("csstype").Property.MsHyphenateLimitZone<string | number>[] | undefined;
523
523
  readonly msHyphens?: import("csstype").Property.Hyphens | readonly import("csstype").Property.Hyphens[] | undefined;
@@ -592,7 +592,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
592
592
  readonly WebkitBoxShadow?: import("csstype").Property.BoxShadow | readonly import("csstype").Property.BoxShadow[] | undefined;
593
593
  readonly WebkitBoxSizing?: import("csstype").Property.BoxSizing | readonly import("csstype").Property.BoxSizing[] | undefined;
594
594
  readonly WebkitClipPath?: import("csstype").Property.ClipPath | readonly import("csstype").Property.ClipPath[] | undefined;
595
- readonly WebkitColumnCount?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.ColumnCount | readonly import("csstype").Property.ColumnCount[] | undefined;
595
+ readonly WebkitColumnCount?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.ColumnCount | readonly import("csstype").Property.ColumnCount[] | undefined;
596
596
  readonly WebkitColumnFill?: import("csstype").Property.ColumnFill | readonly import("csstype").Property.ColumnFill[] | undefined;
597
597
  readonly WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | readonly import("csstype").Property.ColumnRuleColor[] | undefined;
598
598
  readonly WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | readonly import("csstype").Property.ColumnRuleStyle[] | undefined;
@@ -614,7 +614,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
614
614
  readonly WebkitInitialLetter?: import("csstype").Property.InitialLetter | readonly import("csstype").Property.InitialLetter[] | readonly ((string & {}) | import("csstype").Globals | "normal")[] | undefined;
615
615
  readonly WebkitJustifyContent?: import("csstype").Property.JustifyContent | readonly import("csstype").Property.JustifyContent[] | undefined;
616
616
  readonly WebkitLineBreak?: import("csstype").Property.LineBreak | readonly import("csstype").Property.LineBreak[] | undefined;
617
- readonly WebkitLineClamp?: readonly ("none" | (string & {}) | import("csstype").Globals)[] | import("csstype").Property.WebkitLineClamp | readonly import("csstype").Property.WebkitLineClamp[] | undefined;
617
+ readonly WebkitLineClamp?: readonly ((string & {}) | import("csstype").Globals | "none")[] | import("csstype").Property.WebkitLineClamp | readonly import("csstype").Property.WebkitLineClamp[] | undefined;
618
618
  readonly WebkitMarginEnd?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInlineEnd<string | number> | readonly import("csstype").Property.MarginInlineEnd<string | number>[] | undefined;
619
619
  readonly WebkitMarginStart?: readonly (string | (string & {}))[] | import("csstype").Property.MarginInlineStart<string | number> | readonly import("csstype").Property.MarginInlineStart<string | number>[] | undefined;
620
620
  readonly WebkitMaskAttachment?: import("csstype").Property.WebkitMaskAttachment | readonly import("csstype").Property.WebkitMaskAttachment[] | 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 ("none" | (string & {}) | "auto" | import("csstype").Globals | "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 ("repeat" | "none" | (string & {}) | "round" | import("csstype").Globals | "stretch" | "space")[] | 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;
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 ("none" | (string & {}) | "auto" | import("csstype").Globals | "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;
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;
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 ("repeat" | "none" | (string & {}) | "round" | import("csstype").Globals | "stretch" | "space")[] | undefined;
688
+ readonly WebkitBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "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 ("repeat" | "none" | (string & {}) | "round" | import("csstype").Globals | "stretch" | "space" | "alpha" | "luminance")[] | 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;
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 ("none" | (string & {}) | "auto" | import("csstype").Globals | "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;
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;
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 ("repeat" | "none" | (string & {}) | "round" | import("csstype").Globals | "stretch" | "space")[] | undefined;
786
+ readonly OBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "none" | "repeat" | "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;
@@ -814,7 +814,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
814
814
  readonly fillRule?: import("csstype").Property.FillRule | readonly import("csstype").Property.FillRule[] | undefined;
815
815
  readonly floodColor?: import("csstype").Property.FloodColor | readonly import("csstype").Property.FloodColor[] | undefined;
816
816
  readonly floodOpacity?: readonly ((string & {}) | import("csstype").Globals)[] | import("csstype").Property.FloodOpacity | readonly import("csstype").Property.FloodOpacity[] | undefined;
817
- readonly glyphOrientationVertical?: readonly ((string & {}) | "auto" | import("csstype").Globals)[] | import("csstype").Property.GlyphOrientationVertical | readonly import("csstype").Property.GlyphOrientationVertical[] | undefined;
817
+ readonly glyphOrientationVertical?: readonly ((string & {}) | import("csstype").Globals | "auto")[] | import("csstype").Property.GlyphOrientationVertical | readonly import("csstype").Property.GlyphOrientationVertical[] | undefined;
818
818
  readonly lightingColor?: import("csstype").Property.LightingColor | readonly import("csstype").Property.LightingColor[] | undefined;
819
819
  readonly marker?: import("csstype").Property.Marker | readonly import("csstype").Property.Marker[] | undefined;
820
820
  readonly markerEnd?: import("csstype").Property.MarkerEnd | readonly import("csstype").Property.MarkerEnd[] | 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;
@@ -461,7 +451,7 @@ function Loading(_ref2) {
461
451
 
462
452
  var _excluded = ["data", "href", "target", "id", "css", "prominence", "rounded", "size", "tone"];
463
453
  /** The appearance of a `Button`, with the semantics of a link. */
464
- var UnthemedButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
454
+ var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
465
455
  var data = _ref.data,
466
456
  href = _ref.href,
467
457
  target = _ref.target,
@@ -507,15 +497,6 @@ var UnthemedButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
507
497
  }))
508
498
  }));
509
499
  });
510
- var ButtonLink = ts.forwardRefWithAs(function (props, ref) {
511
- var theme$1 = props.theme;
512
- return jsxRuntime.jsx(theme.ThemeProvider, {
513
- theme: theme$1,
514
- children: jsxRuntime.jsx(UnthemedButtonLink, _objectSpread(_objectSpread({}, props), {}, {
515
- forwardedRef: ref
516
- }))
517
- });
518
- });
519
500
 
520
501
  exports.BaseButton = BaseButton;
521
502
  exports.Button = Button;
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;
@@ -461,7 +451,7 @@ function Loading(_ref2) {
461
451
 
462
452
  var _excluded = ["data", "href", "target", "id", "css", "prominence", "rounded", "size", "tone"];
463
453
  /** The appearance of a `Button`, with the semantics of a link. */
464
- var UnthemedButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
454
+ var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
465
455
  var data = _ref.data,
466
456
  href = _ref.href,
467
457
  target = _ref.target,
@@ -507,15 +497,6 @@ var UnthemedButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
507
497
  }))
508
498
  }));
509
499
  });
510
- var ButtonLink = ts.forwardRefWithAs(function (props, ref) {
511
- var theme$1 = props.theme;
512
- return jsxRuntime.jsx(theme.ThemeProvider, {
513
- theme: theme$1,
514
- children: jsxRuntime.jsx(UnthemedButtonLink, _objectSpread(_objectSpread({}, props), {}, {
515
- forwardedRef: ref
516
- }))
517
- });
518
- });
519
500
 
520
501
  exports.BaseButton = BaseButton;
521
502
  exports.Button = Button;
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 } 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;
@@ -457,7 +447,7 @@ function Loading(_ref2) {
457
447
 
458
448
  var _excluded = ["data", "href", "target", "id", "css", "prominence", "rounded", "size", "tone"];
459
449
  /** The appearance of a `Button`, with the semantics of a link. */
460
- var UnthemedButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
450
+ var ButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
461
451
  var data = _ref.data,
462
452
  href = _ref.href,
463
453
  target = _ref.target,
@@ -503,14 +493,5 @@ var UnthemedButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
503
493
  }))
504
494
  }));
505
495
  });
506
- var ButtonLink = forwardRefWithAs(function (props, ref) {
507
- var theme = props.theme;
508
- return jsx(ThemeProvider, {
509
- theme: theme,
510
- children: jsx(UnthemedButtonLink, _objectSpread(_objectSpread({}, props), {}, {
511
- forwardedRef: ref
512
- }))
513
- });
514
- });
515
496
 
516
497
  export { BaseButton, Button, ButtonLink, useButtonStyles };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/button",
3
- "version": "5.0.0-rc.25",
3
+ "version": "5.0.0-rc.27",
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.25",
21
- "@spark-web/box": "^5.0.0-rc.25",
22
- "@spark-web/icon": "^5.0.0-rc.25",
23
- "@spark-web/link": "^5.0.0-rc.25",
24
- "@spark-web/spinner": "^5.0.0-rc.25",
25
- "@spark-web/text": "^5.0.0-rc.25",
26
- "@spark-web/theme": "^5.0.0-rc.25",
27
- "@spark-web/utils": "^5.0.0-rc.25"
20
+ "@spark-web/a11y": "^5.0.0-rc.27",
21
+ "@spark-web/box": "^5.0.0-rc.27",
22
+ "@spark-web/icon": "^5.0.0-rc.27",
23
+ "@spark-web/link": "^5.0.0-rc.27",
24
+ "@spark-web/spinner": "^5.0.0-rc.27",
25
+ "@spark-web/text": "^5.0.0-rc.27",
26
+ "@spark-web/theme": "^5.0.0-rc.27",
27
+ "@spark-web/utils": "^5.0.0-rc.27"
28
28
  },
29
29
  "devDependencies": {
30
30
  "@types/react": "^18.2.0",