@spark-web/button 1.5.0 → 1.5.1

package/CHANGELOG.md

@@ -1,5 +1,18 @@
 # @spark-web/button
 
+## 1.5.1
+
+### Patch Changes
+
+- [#426](https://github.com/brighte-labs/spark-web/pull/426)
+  [`c674947`](https://github.com/brighte-labs/spark-web/commit/c6749475b0245718300c290f6e521609012aaf6b)
+  Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Updated
+  types based on prettier config
+
+- Updated dependencies
+  [[`c674947`](https://github.com/brighte-labs/spark-web/commit/c6749475b0245718300c290f6e521609012aaf6b)]:
+  - @spark-web/theme@3.2.1
+
 ## 1.5.0
 
 ### Minor Changes

package/dist/declarations/src/base-button.d.ts

@@ -1,6 +1,6 @@
 import type { BoxProps } from '@spark-web/box';
 import type { MouseEvent as ReactMouseEvent } from 'react';
-import type { NativeButtonProps } from './types';
+import type { NativeButtonProps } from "./types.js";
 export declare type BaseButtonProps = NativeButtonProps & Partial<BoxProps>;
 export declare const BaseButton: import("react").ForwardRefExoticComponent<NativeButtonProps & Partial<BoxProps> & import("react").RefAttributes<HTMLButtonElement>>;
 /**

package/dist/declarations/src/button-link.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
 import type { LinkComponentProps } from '@spark-web/link';
-import type { CommonButtonProps } from './types';
+import type { CommonButtonProps } from "./types.js";
 export declare type ButtonLinkProps = LinkComponentProps & CommonButtonProps;
 /** The appearance of a `Button`, with the semantics of a link. */
-export declare const ButtonLink: <Comp extends import("react").ElementType<any> = "a">(props: {
+export declare const ButtonLink: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "a">(props: {
     as?: Comp | undefined;
-    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" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap | "set" ? (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" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
+    ref?: import("react").Ref<Comp extends "symbol" | "switch" | "text" | "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" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "switch" | "text" | "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" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
 } & 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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { CommonButtonProps, NativeButtonProps } from './types';
+import type { CommonButtonProps, NativeButtonProps } from "./types.js";
 export declare type ButtonProps = CommonButtonProps & {
     /**
      * Identifies the element (or elements) whose contents or presence

package/dist/declarations/src/index.d.ts

@@ -1,9 +1,9 @@
-export { BaseButton } from './base-button';
-export { Button } from './button';
-export { ButtonLink } from './button-link';
-export { useButtonStyles } from './use-button-styles';
-export type { BaseButtonProps } from './base-button';
-export type { ButtonProps } from './button';
-export type { ButtonLinkProps } from './button-link';
-export type { ButtonChildrenProps, ButtonProminence, ButtonSize, ButtonTone, } from './types';
-export type { UseButtonStylesProps } from './use-button-styles';
+export { BaseButton } from "./base-button.js";
+export { Button } from "./button.js";
+export { ButtonLink } from "./button-link.js";
+export { useButtonStyles } from "./use-button-styles.js";
+export type { BaseButtonProps } from "./base-button.js";
+export type { ButtonProps } from "./button.js";
+export type { ButtonLinkProps } from "./button-link.js";
+export type { ButtonChildrenProps, ButtonProminence, ButtonSize, ButtonTone, } from "./types.js";
+export type { UseButtonStylesProps } from "./use-button-styles.js";

package/dist/declarations/src/types.d.ts

@@ -2,8 +2,8 @@ import type { BackgroundTone } from '@spark-web/a11y';
 import type { IconProps } from '@spark-web/icon';
 import type { DataAttributeMap } from '@spark-web/utils/internal';
 import type { ButtonHTMLAttributes, ReactElement } from 'react';
-import type { mapTokens } from './utils';
-export declare type ButtonSize = keyof typeof mapTokens[keyof typeof mapTokens];
+import type { mapTokens } from "./utils.js";
+export declare type ButtonSize = keyof (typeof mapTokens)[keyof typeof mapTokens];
 export declare type ButtonProminence = 'high' | 'low' | 'none';
 export declare type ButtonTone = Exclude<BackgroundTone, 'disabled'>;
 declare type ChildrenWithText = {

package/dist/declarations/src/use-button-styles.d.ts

@@ -1,4 +1,4 @@
-import type { ButtonProminence, ButtonSize, ButtonTone } from './types';
+import type { ButtonProminence, ButtonSize, ButtonTone } from "./types.js";
 /**
  * useButtonStyles
  *
@@ -9,8 +9,8 @@ import type { ButtonProminence, ButtonSize, ButtonTone } from './types';
  */
 export declare function useButtonStyles({ iconOnly, prominence, size, tone, }: UseButtonStylesProps): readonly [{
     readonly alignItems: "center";
-    readonly background: "body" | "input" | "disabled" | "infoLight" | "criticalLight" | "positiveLight" | "cautionLight" | "muted" | "backdrop" | "surface" | "surfaceMuted" | "surfacePressed" | "fieldAccent" | "inputPressed" | "inputDisabled" | "accent" | "accentMuted" | "neutral" | "neutralLow" | "primary" | "primaryLow" | "primaryMuted" | "secondary" | "secondaryLow" | "secondaryMuted" | "caution" | "cautionLow" | "cautionMuted" | "critical" | "criticalLow" | "criticalMuted" | "info" | "infoLow" | "infoMuted" | "positive" | "positiveLow" | "positiveMuted" | undefined;
-    readonly border: import("@spark-web/theme").ResponsiveProp<"standard" | "fieldAccent" | "accent" | "accentMuted" | "neutral" | "primary" | "secondary" | "caution" | "cautionMuted" | "critical" | "criticalMuted" | "info" | "infoMuted" | "positive" | "positiveMuted" | "standardInverted" | "field" | "fieldHover" | "fieldDisabled" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"> | undefined;
+    readonly background: "infoLight" | "criticalLight" | "positiveLight" | "cautionLight" | "muted" | "disabled" | "backdrop" | "body" | "surface" | "surfaceMuted" | "surfacePressed" | "fieldAccent" | "input" | "inputPressed" | "inputDisabled" | "accent" | "accentMuted" | "neutral" | "neutralLow" | "primary" | "primaryLow" | "primaryMuted" | "secondary" | "secondaryLow" | "secondaryMuted" | "caution" | "cautionLow" | "cautionMuted" | "critical" | "criticalLow" | "criticalMuted" | "info" | "infoLow" | "infoMuted" | "positive" | "positiveLow" | "positiveMuted" | undefined;
+    readonly border: import("@spark-web/theme").ResponsiveProp<"standard" | "fieldAccent" | "accent" | "accentMuted" | "neutral" | "primary" | "secondary" | "caution" | "cautionMuted" | "critical" | "criticalMuted" | "info" | "infoMuted" | "positive" | "positiveMuted" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive" | "standardInverted" | "field" | "fieldHover" | "fieldDisabled"> | undefined;
     readonly borderWidth: import("@spark-web/theme").ResponsiveProp<"standard" | "large"> | undefined;
     readonly borderRadius: "small" | "medium";
     readonly cursor: "pointer";

package/dist/declarations/src/utils.d.ts

@@ -1,7 +1,7 @@
 import type { BoxProps } from '@spark-web/box';
 import type { ForegroundTone } from '@spark-web/text';
 import type { BrighteTheme } from '@spark-web/theme';
-import type { ButtonProminence, ButtonTone } from './types';
+import type { ButtonProminence, ButtonTone } from "./types.js";
 declare type BaseButtonStyles = {
     background: BoxProps['background'];
     border?: BoxProps['border'];

package/dist/spark-web-button.cjs.d.ts

@@ -1 +1,2 @@
 export * from "./declarations/src/index";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLWJ1dHRvbi5janMuZC50cyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4vZGVjbGFyYXRpb25zL3NyYy9pbmRleC5kLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIn0=

package/dist/spark-web-button.cjs.dev.js

@@ -35,7 +35,7 @@ var BaseButton = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
    */
   var onClick = react.useCallback(function (event) {
     var _internalRef$current;
-    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
+    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 || _internalRef$current.focus();
     var preventableClickHandler = getPreventableClickHandler(onClickProp, disabled);
     preventableClickHandler(event);
   }, [disabled, onClickProp]);
@@ -60,7 +60,7 @@ function getPreventableClickHandler(onClick, disabled) {
     if (disabled) {
       event.preventDefault();
     } else {
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      onClick === null || onClick === void 0 || onClick(event);
     }
   };
 }

package/dist/spark-web-button.cjs.prod.js

@@ -35,7 +35,7 @@ var BaseButton = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
    */
   var onClick = react.useCallback(function (event) {
     var _internalRef$current;
-    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
+    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 || _internalRef$current.focus();
     var preventableClickHandler = getPreventableClickHandler(onClickProp, disabled);
     preventableClickHandler(event);
   }, [disabled, onClickProp]);
@@ -60,7 +60,7 @@ function getPreventableClickHandler(onClick, disabled) {
     if (disabled) {
       event.preventDefault();
     } else {
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      onClick === null || onClick === void 0 || onClick(event);
     }
   };
 }

package/dist/spark-web-button.esm.js

@@ -31,7 +31,7 @@ var BaseButton = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
    */
   var onClick = useCallback(function (event) {
     var _internalRef$current;
-    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 ? void 0 : _internalRef$current.focus();
+    (_internalRef$current = internalRef.current) === null || _internalRef$current === void 0 || _internalRef$current.focus();
     var preventableClickHandler = getPreventableClickHandler(onClickProp, disabled);
     preventableClickHandler(event);
   }, [disabled, onClickProp]);
@@ -56,7 +56,7 @@ function getPreventableClickHandler(onClick, disabled) {
     if (disabled) {
       event.preventDefault();
     } else {
-      onClick === null || onClick === void 0 ? void 0 : onClick(event);
+      onClick === null || onClick === void 0 || onClick(event);
     }
   };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/button",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",
@@ -16,14 +16,14 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.19.0",
-    "@emotion/css": "^11.9.0",
+    "@emotion/css": "^11.11.2",
     "@spark-web/a11y": "^1.4.0",
     "@spark-web/box": "^1.2.0",
     "@spark-web/icon": "^1.3.0",
     "@spark-web/link": "^1.1.0",
     "@spark-web/spinner": "^1.1.0",
     "@spark-web/text": "^1.2.0",
-    "@spark-web/theme": "^3.2.0",
+    "@spark-web/theme": "^3.2.1",
     "@spark-web/utils": "^1.3.0"
   },
   "devDependencies": {

package/dist/declarations/src/resolve-button-children.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-import type { ButtonChildrenProps, ButtonProminence, ButtonSize, ButtonTone } from './types';
-declare type ResolveButtonChildren = ButtonChildrenProps & {
-    isLoading: boolean;
-    prominence: ButtonProminence;
-    size: ButtonSize;
-    tone: ButtonTone;
-};
-export declare const resolveButtonChildren: ({ children, isLoading, prominence, size, tone, }: ResolveButtonChildren) => JSX.Element[];
-export {};