@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 +177 -0
- package/dist/declarations/src/context.d.ts +4 -4
- package/dist/declarations/src/default-text-props.d.ts +2 -2
- package/dist/declarations/src/text.d.ts +1 -1
- package/dist/declarations/src/use-foreground-tone.d.ts +2 -2
- package/dist/declarations/src/use-text.d.ts +4 -4
- package/dist/spark-web-text.cjs.dev.js +3 -1
- package/dist/spark-web-text.cjs.prod.js +3 -1
- package/dist/spark-web-text.esm.js +3 -1
- package/package.json +4 -4
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: "
|
|
4
|
-
tone:
|
|
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: "
|
|
9
|
-
tone:
|
|
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: "
|
|
13
|
-
tone:
|
|
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" | "
|
|
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 {
|
|
2
|
-
export declare type ForegroundTone = keyof Omit<
|
|
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 {
|
|
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
|
|
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
|
|
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 }:
|
|
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 ?
|
|
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 ?
|
|
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 ?
|
|
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": "
|
|
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": "^
|
|
21
|
-
"@spark-web/theme": "^
|
|
22
|
-
"@spark-web/utils": "^
|
|
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",
|