@spark-web/button 5.3.0 → 5.3.2

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 (6) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/declarations/src/button-link.d.ts +1 -1
  3. package/dist/spark-web-button.cjs.dev.js +3 -2
  4. package/dist/spark-web-button.cjs.prod.js +3 -2
  5. package/dist/spark-web-button.esm.js +3 -2
  6. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,23 @@
1
1
  # @spark-web/button
2
2
 
3
+ ## 5.3.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#594](https://github.com/brighte-labs/spark-web/pull/594)
8
+ [`ecf32cb`](https://github.com/brighte-labs/spark-web/commit/ecf32cba87b2fd55426ccff1b6dae31f26147757)
9
+ Thanks [@peterp-brighte](https://github.com/peterp-brighte)! - accessibility
10
+ improvements to button focus ring and alert component
11
+
12
+ ## 5.3.1
13
+
14
+ ### Patch Changes
15
+
16
+ - [#592](https://github.com/brighte-labs/spark-web/pull/592)
17
+ [`aca05c4`](https://github.com/brighte-labs/spark-web/commit/aca05c4012c507445c5dbdfb0bfd6500c16b3b5a)
18
+ Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Update border
19
+ color
20
+
3
21
  ## 5.3.0
4
22
 
5
23
  ### Minor Changes
package/dist/declarations/src/button-link.d.ts CHANGED
@@ -5,5 +5,5 @@ export declare type ButtonLinkProps = LinkComponentProps & CommonButtonProps;
5
5
  /** The appearance of a `Button`, with the semantics of a link. */
6
6
  export declare const ButtonLink: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: {
7
7
  as?: Comp | undefined;
8
- 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
+ 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;
9
9
  } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & ButtonLinkProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
package/dist/spark-web-button.cjs.dev.js CHANGED
@@ -102,7 +102,7 @@ var variants = {
102
102
  }, highDisabledStyles),
103
103
  neutral: _objectSpread({
104
104
  background: 'neutral',
105
- border: 'field',
105
+ border: 'neutral',
106
106
  backgroundHover: 'neutralHover',
107
107
  backgroundActive: 'neutralActive'
108
108
  }, highDisabledAltStyles),
@@ -326,7 +326,8 @@ function useButtonStyles(_ref) {
326
326
  tone = _ref.tone;
327
327
  var theme$1 = theme.useTheme();
328
328
  var focusRingStyles = a11y.useFocusRing({
329
- tone: tone
329
+ tone: tone,
330
+ always: true
330
331
  });
331
332
  var disabledFocusRingStyles = a11y.useFocusRing({
332
333
  tone: 'disabled'
package/dist/spark-web-button.cjs.prod.js CHANGED
@@ -102,7 +102,7 @@ var variants = {
102
102
  }, highDisabledStyles),
103
103
  neutral: _objectSpread({
104
104
  background: 'neutral',
105
- border: 'field',
105
+ border: 'neutral',
106
106
  backgroundHover: 'neutralHover',
107
107
  backgroundActive: 'neutralActive'
108
108
  }, highDisabledAltStyles),
@@ -326,7 +326,8 @@ function useButtonStyles(_ref) {
326
326
  tone = _ref.tone;
327
327
  var theme$1 = theme.useTheme();
328
328
  var focusRingStyles = a11y.useFocusRing({
329
- tone: tone
329
+ tone: tone,
330
+ always: true
330
331
  });
331
332
  var disabledFocusRingStyles = a11y.useFocusRing({
332
333
  tone: 'disabled'
package/dist/spark-web-button.esm.js CHANGED
@@ -98,7 +98,7 @@ var variants = {
98
98
  }, highDisabledStyles),
99
99
  neutral: _objectSpread({
100
100
  background: 'neutral',
101
- border: 'field',
101
+ border: 'neutral',
102
102
  backgroundHover: 'neutralHover',
103
103
  backgroundActive: 'neutralActive'
104
104
  }, highDisabledAltStyles),
@@ -322,7 +322,8 @@ function useButtonStyles(_ref) {
322
322
  tone = _ref.tone;
323
323
  var theme = useTheme();
324
324
  var focusRingStyles = useFocusRing({
325
- tone: tone
325
+ tone: tone,
326
+ always: true
326
327
  });
327
328
  var disabledFocusRingStyles = useFocusRing({
328
329
  tone: 'disabled'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/button",
3
- "version": "5.3.0",
3
+ "version": "5.3.2",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",