@spark-web/text 2.0.0-rc.9 → 5.0.0-rc.24

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 CHANGED
@@ -1,5 +1,182 @@
1
1
  # @spark-web/text
2
2
 
3
+ ## 5.0.0-rc.24
4
+
5
+ ### Minor Changes
6
+
7
+ - Resolve issues with package build output
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies []:
12
+ - @spark-web/theme@5.0.0-rc.24
13
+ - @spark-web/utils@5.0.0-rc.24
14
+ - @spark-web/box@5.0.0-rc.24
15
+
16
+ ## 2.0.0-rc.22
17
+
18
+ ### Minor Changes
19
+
20
+ - Add new optional "rounded" prop for Button
21
+
22
+ Add support for custom CSS in Button
23
+
24
+ ## 2.0.0-rc.21
25
+
26
+ ### Minor Changes
27
+
28
+ - Introduce global theming provider to set global default theme
29
+
30
+ ### Patch Changes
31
+
32
+ - Updated dependencies []:
33
+ - @spark-web/theme@4.0.0-rc.21
34
+ - @spark-web/utils@2.0.0-rc.21
35
+ - @spark-web/box@2.0.0-rc.21
36
+
37
+ ## 2.0.0-rc.20
38
+
39
+ ### Minor Changes
40
+
41
+ - Support for component-level theming; button-level theming
42
+
43
+ ### Patch Changes
44
+
45
+ - Updated dependencies []:
46
+ - @spark-web/theme@4.0.0-rc.20
47
+ - @spark-web/utils@2.0.0-rc.20
48
+ - @spark-web/box@2.0.0-rc.20
49
+
50
+ ## 2.0.0-rc.19
51
+
52
+ ### Major Changes
53
+
54
+ - test
55
+
56
+ ### Patch Changes
57
+
58
+ - Updated dependencies []:
59
+ - @spark-web/theme@4.0.0-rc.19
60
+ - @spark-web/utils@2.0.0-rc.19
61
+ - @spark-web/box@2.0.0-rc.19
62
+
63
+ ## 2.0.0-rc.18
64
+
65
+ ### Major Changes
66
+
67
+ - tests
68
+
69
+ ### Patch Changes
70
+
71
+ - Updated dependencies []:
72
+ - @spark-web/theme@4.0.0-rc.18
73
+ - @spark-web/utils@2.0.0-rc.18
74
+ - @spark-web/box@2.0.0-rc.18
75
+
76
+ ## 2.0.0-rc.17
77
+
78
+ ### Major Changes
79
+
80
+ - test
81
+
82
+ ### Patch Changes
83
+
84
+ - Updated dependencies []:
85
+ - @spark-web/theme@4.0.0-rc.17
86
+ - @spark-web/utils@2.0.0-rc.17
87
+ - @spark-web/box@2.0.0-rc.17
88
+
89
+ ## 2.0.0-rc.16
90
+
91
+ ### Major Changes
92
+
93
+ - test
94
+
95
+ ### Patch Changes
96
+
97
+ - Updated dependencies []:
98
+ - @spark-web/theme@4.0.0-rc.16
99
+ - @spark-web/utils@2.0.0-rc.16
100
+ - @spark-web/box@2.0.0-rc.16
101
+
102
+ ## 2.0.0-rc.15
103
+
104
+ ### Major Changes
105
+
106
+ - test
107
+
108
+ ### Patch Changes
109
+
110
+ - Updated dependencies []:
111
+ - @spark-web/theme@4.0.0-rc.15
112
+ - @spark-web/utils@2.0.0-rc.15
113
+ - @spark-web/box@2.0.0-rc.15
114
+
115
+ ## 2.0.0-rc.14
116
+
117
+ ### Major Changes
118
+
119
+ - test
120
+
121
+ ### Patch Changes
122
+
123
+ - Updated dependencies []:
124
+ - @spark-web/theme@4.0.0-rc.14
125
+ - @spark-web/utils@2.0.0-rc.14
126
+ - @spark-web/box@2.0.0-rc.14
127
+
128
+ ## 2.0.0-rc.13
129
+
130
+ ### Major Changes
131
+
132
+ - test
133
+
134
+ ### Patch Changes
135
+
136
+ - Updated dependencies []:
137
+ - @spark-web/theme@4.0.0-rc.13
138
+ - @spark-web/utils@2.0.0-rc.13
139
+ - @spark-web/box@2.0.0-rc.13
140
+
141
+ ## 2.0.0-rc.12
142
+
143
+ ### Major Changes
144
+
145
+ - test
146
+
147
+ ### Patch Changes
148
+
149
+ - Updated dependencies []:
150
+ - @spark-web/theme@4.0.0-rc.12
151
+ - @spark-web/utils@2.0.0-rc.12
152
+ - @spark-web/box@2.0.0-rc.12
153
+
154
+ ## 2.0.0-rc.11
155
+
156
+ ### Major Changes
157
+
158
+ - test
159
+
160
+ ### Patch Changes
161
+
162
+ - Updated dependencies []:
163
+ - @spark-web/theme@4.0.0-rc.11
164
+ - @spark-web/utils@2.0.0-rc.11
165
+ - @spark-web/box@2.0.0-rc.11
166
+
167
+ ## 2.0.0-rc.10
168
+
169
+ ### Major Changes
170
+
171
+ - test
172
+
173
+ ### Patch Changes
174
+
175
+ - Updated dependencies []:
176
+ - @spark-web/theme@4.0.0-rc.10
177
+ - @spark-web/utils@2.0.0-rc.10
178
+ - @spark-web/box@2.0.0-rc.10
179
+
3
180
  ## 2.0.0-rc.9
4
181
 
5
182
  ### Major Changes
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export declare const TextContext: import("react").Context<{
3
- size: "xsmall" | "small" | "standard" | "large";
4
- tone: "muted" | "disabled" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "link" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
3
+ size: import("@spark-web/theme/src/themes/types").TypographySizing;
4
+ tone: string | number;
5
5
  weight: "regular" | "semibold";
6
6
  } | undefined>;
7
7
  export declare function useTextContext(): {
8
- size: "xsmall" | "small" | "standard" | "large";
9
- tone: "muted" | "disabled" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "link" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
8
+ size: import("@spark-web/theme/src/themes/types").TypographySizing;
9
+ tone: string | number;
10
10
  weight: "regular" | "semibold";
11
11
  } | undefined;
@@ -9,8 +9,8 @@ export declare function DefaultTextPropsProvider({ children, size, tone, weight,
9
9
  children: ReactNode;
10
10
  }): import("@emotion/react/jsx-runtime").JSX.Element;
11
11
  export declare const useDefaultTextProps: ({ size: sizeProp, tone: toneProp, weight: weightProp, }: DefaultTextProps) => {
12
- size: "xsmall" | "small" | "standard" | "large";
13
- tone: "muted" | "disabled" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "link" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
12
+ size: import("@spark-web/theme/src/themes/types").TypographySizing;
13
+ tone: string | number;
14
14
  weight: "regular" | "semibold";
15
15
  };
16
16
  export {};
@@ -30,6 +30,6 @@ export declare type TextProps = Partial<UseTextProps> & {
30
30
  } & (InlineProps | BlockProps);
31
31
  export declare const Text: <Comp extends import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> = "div">(props: {
32
32
  as?: Comp | undefined;
33
- ref?: import("react").Ref<Comp extends "symbol" | "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" | "switch" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "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" | "switch" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
33
+ 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;
34
34
  } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & TextProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
35
35
  export {};
@@ -1,3 +1,3 @@
1
- import type { BrighteTheme } from '@spark-web/theme';
2
- export declare type ForegroundTone = keyof Omit<BrighteTheme['color']['foreground'], 'neutralInverted' | 'mutedInverted'>;
1
+ import type { SparkTheme } from '@spark-web/theme';
2
+ export declare type ForegroundTone = keyof Omit<SparkTheme['color']['foreground'], 'neutralInverted' | 'mutedInverted'>;
3
3
  export declare function useForegroundTone(tone: ForegroundTone): string;
@@ -1,17 +1,17 @@
1
- import type { BrighteTextDefinition, BrighteTheme } from '@spark-web/theme';
1
+ import type { SparkTextDefinition, SparkTheme } from '@spark-web/theme';
2
2
  import type { ForegroundTone } from "./use-foreground-tone.js";
3
3
  export declare type UseTextProps = {
4
4
  /** Apply leading-trim styles. */
5
5
  baseline?: boolean;
6
6
  /** The size of the text. */
7
- size: keyof BrighteTheme['typography']['text'];
7
+ size: keyof SparkTheme['typography']['text'];
8
8
  /** The tone of the text. */
9
9
  tone: ForegroundTone;
10
10
  /** The weight of the text. */
11
- weight: keyof BrighteTheme['typography']['fontWeight'];
11
+ weight: keyof SparkTheme['typography']['fontWeight'];
12
12
  };
13
13
  export declare function useText({ baseline, size, tone, weight }: UseTextProps): (import("@emotion/serialize").CSSObject | undefined)[];
14
- export declare function createTextStyles({ fontSize, lineHeight, trims }: BrighteTextDefinition, { includeTrims }?: {
14
+ export declare function createTextStyles({ fontSize, lineHeight, trims }: SparkTextDefinition, { includeTrims }?: {
15
15
  includeTrims?: boolean | undefined;
16
16
  }): {
17
17
  '::before'?: {
@@ -218,7 +218,9 @@ var Text = ts.forwardRefWithAs(function (_ref, forwardedRef) {
218
218
  }
219
219
 
220
220
  // prepare block variant
221
- var content = overflowStrategy ? jsxRuntime.jsx("span", {
221
+ var content = overflowStrategy ?
222
+ // eslint-disable-next-line react/no-unknown-property
223
+ jsxRuntime.jsx("span", {
222
224
  css: react$1.css(overflowStyles),
223
225
  children: children
224
226
  }) : children;
@@ -218,7 +218,9 @@ var Text = ts.forwardRefWithAs(function (_ref, forwardedRef) {
218
218
  }
219
219
 
220
220
  // prepare block variant
221
- var content = overflowStrategy ? jsxRuntime.jsx("span", {
221
+ var content = overflowStrategy ?
222
+ // eslint-disable-next-line react/no-unknown-property
223
+ jsxRuntime.jsx("span", {
222
224
  css: react$1.css(overflowStyles),
223
225
  children: children
224
226
  }) : children;
@@ -214,7 +214,9 @@ var Text = forwardRefWithAs(function (_ref, forwardedRef) {
214
214
  }
215
215
 
216
216
  // prepare block variant
217
- var content = overflowStrategy ? jsx("span", {
217
+ var content = overflowStrategy ?
218
+ // eslint-disable-next-line react/no-unknown-property
219
+ jsx("span", {
218
220
  css: css(overflowStyles),
219
221
  children: children
220
222
  }) : children;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/text",
3
- "version": "2.0.0-rc.9",
3
+ "version": "5.0.0-rc.24",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,9 +17,9 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.25.0",
19
19
  "@emotion/react": "^11.14.0",
20
- "@spark-web/box": "^2.0.0-rc.9",
21
- "@spark-web/theme": "^4.0.0-rc.9",
22
- "@spark-web/utils": "^2.0.0-rc.9"
20
+ "@spark-web/box": "^5.0.0-rc.24",
21
+ "@spark-web/theme": "^5.0.0-rc.24",
22
+ "@spark-web/utils": "^5.0.0-rc.24"
23
23
  },
24
24
  "devDependencies": {
25
25
  "@types/react": "^18.2.0",