@spark-web/text 5.2.3 → 5.3.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @spark-web/text
 
+## 5.3.0
+
+### Minor Changes
+
+- [#667](https://github.com/brighte-labs/spark-web/pull/667)
+  [`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)
+  Thanks [@Leo704099](https://github.com/Leo704099)! - Support react 17 to 19
+
+### Patch Changes
+
+- Updated dependencies
+  [[`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)]:
+  - @spark-web/theme@5.13.0
+  - @spark-web/utils@5.1.0
+  - @spark-web/box@6.0.0
+
 ## 5.2.3
 
 ### Patch Changes

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

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const TextContext: import("react").Context<{
-    size: import("@spark-web/theme/src/themes/_types/typography").TypographySizing;
-    tone: string | number;
-    weight: "bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
+    size: NonNullable<import("@spark-web/theme/src/themes/_types/typography").TypographySizing>;
+    tone: NonNullable<string | number>;
+    weight: NonNullable<"bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined> | undefined;
 } | undefined>;
 export declare function useTextContext(): {
-    size: import("@spark-web/theme/src/themes/_types/typography").TypographySizing;
-    tone: string | number;
-    weight: "bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
+    size: NonNullable<import("@spark-web/theme/src/themes/_types/typography").TypographySizing>;
+    tone: NonNullable<string | number>;
+    weight: NonNullable<"bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined> | undefined;
 } | undefined;

package/dist/declarations/src/default-text-props.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { UseTextProps } from "./use-text.js";
-declare type DefaultTextProps = {
+type DefaultTextProps = {
     size?: NonNullable<UseTextProps['size']>;
     tone?: NonNullable<UseTextProps['tone']>;
     weight?: NonNullable<UseTextProps['weight']>;
@@ -9,8 +9,8 @@ export declare function DefaultTextPropsProvider({ children, size, tone, weight,
     children: ReactNode;
 }): import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const useDefaultTextProps: ({ size: sizeProp, tone: toneProp, weight: weightProp, }: DefaultTextProps) => {
-    size: import("@spark-web/theme/src/themes/_types/typography").TypographySizing;
-    tone: string | number;
-    weight: "bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined;
+    size: NonNullable<import("@spark-web/theme/src/themes/_types/typography").TypographySizing>;
+    tone: NonNullable<string | number>;
+    weight: NonNullable<"bold" | "medium" | "light" | "thin" | "black" | "extralight" | "regular" | "semibold" | "extrabold" | undefined> | undefined;
 };
 export {};

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

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-export declare type StrongProps = {
+export type StrongProps = {
     children: ReactNode;
 };
 export declare const Strong: ({ children }: StrongProps) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -1,24 +1,23 @@
-/** @jsxImportSource @emotion/react */
 import type { CSSObject } from '@emotion/react';
 import type { BoxProps } from '@spark-web/box';
 import type { DataAttributeMap } from '@spark-web/utils/internal';
 import type { CSSProperties, ReactNode } from 'react';
 import type { TextOverflowStrategy } from "./use-overflow-strategy.js";
 import type { UseTextProps } from "./use-text.js";
-declare type InlineProps = {
+type InlineProps = {
     align?: never;
     /** Display as an inline element. */
     inline?: boolean;
     overflowStrategy?: never;
 };
-declare type BlockProps = {
+type BlockProps = {
     /** The horizontal alignment. */
     align?: 'left' | 'center' | 'right';
     inline?: never;
     /** Manage how text behaves with regard to overflow. */
     overflowStrategy?: TextOverflowStrategy;
 };
-export declare type TextProps = Partial<UseTextProps> & {
+export type TextProps = Partial<UseTextProps> & {
     /** The text content. */
     children?: ReactNode;
     /** Customizes the component element. */
@@ -35,8 +34,8 @@ export declare type TextProps = Partial<UseTextProps> & {
      * such that the total number of lines does not exceed this number. */
     numberOfLines?: number;
 } & (InlineProps | BlockProps);
-export declare const Text: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
+export declare const Text: <Comp extends import("react").ElementType = "div">(props: {
     as?: Comp | undefined;
     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;
-} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & TextProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+} & (Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & TextProps)) => import("react").ReactElement;
 export {};

package/dist/declarations/src/use-foreground-tone.d.ts

@@ -1,3 +1,3 @@
 import type { SparkTheme } from '@spark-web/theme';
-export declare type ForegroundTone = keyof Omit<SparkTheme['color']['foreground'], 'neutralInverted' | 'mutedInverted'>;
+export type ForegroundTone = keyof Omit<SparkTheme['color']['foreground'], 'neutralInverted' | 'mutedInverted'>;
 export declare function useForegroundTone(tone: ForegroundTone): string;

package/dist/declarations/src/use-overflow-strategy.d.ts

@@ -15,7 +15,7 @@ declare const strategyMap: {
         readonly wordWrap: "break-word";
     };
 };
-export declare type TextOverflowStrategy = keyof typeof strategyMap;
+export type TextOverflowStrategy = keyof typeof strategyMap;
 export declare function useOverflowStrategy(strategy?: TextOverflowStrategy): {
     readonly whiteSpace: "nowrap";
 } | {

package/dist/declarations/src/use-text.d.ts

@@ -1,6 +1,6 @@
 import type { SparkTextDefinition, SparkTheme } from '@spark-web/theme';
 import type { ForegroundTone } from "./use-foreground-tone.js";
-export declare type UseTextProps = {
+export type UseTextProps = {
     /** Apply leading-trim styles. */
     baseline?: boolean;
     /** The size of the text. */

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-web/text",
-  "version": "5.2.3",
+  "version": "5.3.0",
   "homepage": "https://github.com/brighte-labs/spark-web#readme",
   "repository": {
     "type": "git",
@@ -17,16 +17,16 @@
   "dependencies": {
     "@babel/runtime": "^7.25.0",
     "@emotion/react": "^11.14.0",
-    "@spark-web/box": "^5.2.2",
-    "@spark-web/theme": "^5.12.1",
-    "@spark-web/utils": "^5.0.0"
+    "@spark-web/box": "^6.0.0",
+    "@spark-web/theme": "^5.13.0",
+    "@spark-web/utils": "^5.1.0"
   },
   "devDependencies": {
-    "@types/react": "^18.2.0",
-    "react": "^18.2.0"
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0"
   },
   "peerDependencies": {
-    "react": ">=17.0.2"
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "engines": {
     "node": ">=14"