@spark-web/button 5.0.0-rc.26 → 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.
- package/CHANGELOG.md +18 -0
- package/dist/declarations/src/button-link.d.ts +2 -1
- package/dist/declarations/src/use-button-styles.d.ts +11 -11
- package/dist/spark-web-button.cjs.dev.js +1 -10
- package/dist/spark-web-button.cjs.prod.js +1 -10
- package/dist/spark-web-button.esm.js +2 -11
- package/package.json +9 -9
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
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
|
+
|
|
3
21
|
## 5.0.0-rc.26
|
|
4
22
|
|
|
5
23
|
### Minor Changes
|
|
@@ -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" | "
|
|
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>>;
|
|
@@ -382,9 +382,9 @@ 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 | "
|
|
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 ((string & {}) | import("csstype").Globals | "auto" | "none" | "
|
|
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;
|
|
@@ -394,7 +394,7 @@ export declare function useButtonStyles({ css, iconOnly, prominence, rounded, si
|
|
|
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 | "
|
|
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;
|
|
@@ -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 | "
|
|
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;
|
|
@@ -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" | "
|
|
675
|
-
readonly MozBorderImage?: import("csstype").Property.BorderImage | readonly import("csstype").Property.BorderImage[] | readonly ((string & {}) | import("csstype").Globals | "
|
|
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 ((string & {}) | import("csstype").Globals | "auto" | "none" | "
|
|
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 ((string & {}) | import("csstype").Globals | "
|
|
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 ((string & {}) | import("csstype").Globals | "
|
|
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 ((string & {}) | import("csstype").Globals | "auto" | "none" | "
|
|
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 ((string & {}) | import("csstype").Globals | "
|
|
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;
|
|
@@ -451,7 +451,7 @@ function Loading(_ref2) {
|
|
|
451
451
|
|
|
452
452
|
var _excluded = ["data", "href", "target", "id", "css", "prominence", "rounded", "size", "tone"];
|
|
453
453
|
/** The appearance of a `Button`, with the semantics of a link. */
|
|
454
|
-
var
|
|
454
|
+
var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
455
455
|
var data = _ref.data,
|
|
456
456
|
href = _ref.href,
|
|
457
457
|
target = _ref.target,
|
|
@@ -497,15 +497,6 @@ var UnthemedButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
497
497
|
}))
|
|
498
498
|
}));
|
|
499
499
|
});
|
|
500
|
-
var ButtonLink = ts.forwardRefWithAs(function (props, ref) {
|
|
501
|
-
var theme$1 = props.theme;
|
|
502
|
-
return jsxRuntime.jsx(theme.ThemeProvider, {
|
|
503
|
-
theme: theme$1,
|
|
504
|
-
children: jsxRuntime.jsx(UnthemedButtonLink, _objectSpread(_objectSpread({}, props), {}, {
|
|
505
|
-
forwardedRef: ref
|
|
506
|
-
}))
|
|
507
|
-
});
|
|
508
|
-
});
|
|
509
500
|
|
|
510
501
|
exports.BaseButton = BaseButton;
|
|
511
502
|
exports.Button = Button;
|
|
@@ -451,7 +451,7 @@ function Loading(_ref2) {
|
|
|
451
451
|
|
|
452
452
|
var _excluded = ["data", "href", "target", "id", "css", "prominence", "rounded", "size", "tone"];
|
|
453
453
|
/** The appearance of a `Button`, with the semantics of a link. */
|
|
454
|
-
var
|
|
454
|
+
var ButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
455
455
|
var data = _ref.data,
|
|
456
456
|
href = _ref.href,
|
|
457
457
|
target = _ref.target,
|
|
@@ -497,15 +497,6 @@ var UnthemedButtonLink = ts.forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
497
497
|
}))
|
|
498
498
|
}));
|
|
499
499
|
});
|
|
500
|
-
var ButtonLink = ts.forwardRefWithAs(function (props, ref) {
|
|
501
|
-
var theme$1 = props.theme;
|
|
502
|
-
return jsxRuntime.jsx(theme.ThemeProvider, {
|
|
503
|
-
theme: theme$1,
|
|
504
|
-
children: jsxRuntime.jsx(UnthemedButtonLink, _objectSpread(_objectSpread({}, props), {}, {
|
|
505
|
-
forwardedRef: ref
|
|
506
|
-
}))
|
|
507
|
-
});
|
|
508
|
-
});
|
|
509
500
|
|
|
510
501
|
exports.BaseButton = BaseButton;
|
|
511
502
|
exports.Button = Button;
|
|
@@ -9,7 +9,7 @@ import { css } from '@emotion/react';
|
|
|
9
9
|
import { useFocusRing, VisuallyHidden } from '@spark-web/a11y';
|
|
10
10
|
import { Spinner } from '@spark-web/spinner';
|
|
11
11
|
import { Text } from '@spark-web/text';
|
|
12
|
-
import { useTheme
|
|
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
|
|
|
@@ -447,7 +447,7 @@ function Loading(_ref2) {
|
|
|
447
447
|
|
|
448
448
|
var _excluded = ["data", "href", "target", "id", "css", "prominence", "rounded", "size", "tone"];
|
|
449
449
|
/** The appearance of a `Button`, with the semantics of a link. */
|
|
450
|
-
var
|
|
450
|
+
var ButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
|
|
451
451
|
var data = _ref.data,
|
|
452
452
|
href = _ref.href,
|
|
453
453
|
target = _ref.target,
|
|
@@ -493,14 +493,5 @@ var UnthemedButtonLink = forwardRefWithAs(function (_ref, forwardedRef) {
|
|
|
493
493
|
}))
|
|
494
494
|
}));
|
|
495
495
|
});
|
|
496
|
-
var ButtonLink = forwardRefWithAs(function (props, ref) {
|
|
497
|
-
var theme = props.theme;
|
|
498
|
-
return jsx(ThemeProvider, {
|
|
499
|
-
theme: theme,
|
|
500
|
-
children: jsx(UnthemedButtonLink, _objectSpread(_objectSpread({}, props), {}, {
|
|
501
|
-
forwardedRef: ref
|
|
502
|
-
}))
|
|
503
|
-
});
|
|
504
|
-
});
|
|
505
496
|
|
|
506
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.
|
|
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.
|
|
21
|
-
"@spark-web/box": "^5.0.0-rc.
|
|
22
|
-
"@spark-web/icon": "^5.0.0-rc.
|
|
23
|
-
"@spark-web/link": "^5.0.0-rc.
|
|
24
|
-
"@spark-web/spinner": "^5.0.0-rc.
|
|
25
|
-
"@spark-web/text": "^5.0.0-rc.
|
|
26
|
-
"@spark-web/theme": "^5.0.0-rc.
|
|
27
|
-
"@spark-web/utils": "^5.0.0-rc.
|
|
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",
|