@spark-web/text 1.0.0 → 1.0.1

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 (8) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/declarations/src/Text.d.ts +1 -1
  3. package/dist/declarations/src/context.d.ts +6 -6
  4. package/dist/declarations/src/defaultTextProps.d.ts +3 -3
  5. package/dist/spark-web-text.cjs.dev.js +35 -38
  6. package/dist/spark-web-text.cjs.prod.js +35 -38
  7. package/dist/spark-web-text.esm.js +29 -28
  8. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @spark-web/text
2
2
 
3
+ ## 1.0.1
4
+
5
+ ### Patch Changes
6
+
7
+ - [#36](https://github.com/brighte-labs/spark-web/pull/36)
8
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)
9
+ Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
10
+ config
11
+
12
+ - Updated dependencies
13
+ [[`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb),
14
+ [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]:
15
+ - @spark-web/theme@2.0.0
16
+ - @spark-web/box@1.0.1
17
+ - @spark-web/utils@1.0.1
18
+
3
19
  ## 1.0.0
4
20
 
5
21
  ### Major Changes
package/dist/declarations/src/Text.d.ts CHANGED
@@ -27,6 +27,6 @@ export declare type TextProps = Partial<UseTextProps> & {
27
27
  } & (InlineProps | BlockProps);
28
28
  export declare const Text: <Comp extends import("react").ElementType<any> = "div">(props: {
29
29
  as?: Comp | undefined;
30
- ref?: import("react").Ref<Comp extends "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "circle" | "svg" | "animate" | "animateMotion" | "animateTransform" | "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" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap | "set" ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "clipPath" | "filter" | "mask" | "marker" | "text" | "circle" | "svg" | "animate" | "animateMotion" | "animateTransform" | "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" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
30
+ 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" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set" | 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" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | "set">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
31
31
  } & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & TextProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
32
32
  export {};
package/dist/declarations/src/context.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  export declare const TextContext: import("react").Context<{
3
- size: "large" | "small" | "xsmall" | "standard";
4
- tone: "disabled" | "link" | "placeholder" | "temporary-green" | "temporary-green-low" | "temporary-green-high" | "temporary-green-soft" | "temporary-yellow" | "temporary-yellow-low" | "temporary-yellow-high" | "temporary-yellow-soft" | "temporary-dark" | "temporary-dark-low" | "temporary-dark-high" | "temporary-dark-soft" | "temporary-blue" | "temporary-blue-low" | "temporary-blue-high" | "temporary-blue-soft" | "temporary-red" | "temporary-red-low" | "temporary-red-high" | "temporary-red-soft" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
5
- weight: "medium" | "strong" | "regular";
3
+ size: "small" | "xsmall" | "standard" | "large";
4
+ tone: "link" | "muted" | "disabled" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
5
+ weight: "strong" | "regular" | "medium";
6
6
  } | undefined>;
7
7
  export declare function useTextContext(): {
8
- size: "large" | "small" | "xsmall" | "standard";
9
- tone: "disabled" | "link" | "placeholder" | "temporary-green" | "temporary-green-low" | "temporary-green-high" | "temporary-green-soft" | "temporary-yellow" | "temporary-yellow-low" | "temporary-yellow-high" | "temporary-yellow-soft" | "temporary-dark" | "temporary-dark-low" | "temporary-dark-high" | "temporary-dark-soft" | "temporary-blue" | "temporary-blue-low" | "temporary-blue-high" | "temporary-blue-soft" | "temporary-red" | "temporary-red-low" | "temporary-red-high" | "temporary-red-soft" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
10
- weight: "medium" | "strong" | "regular";
8
+ size: "small" | "xsmall" | "standard" | "large";
9
+ tone: "link" | "muted" | "disabled" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
10
+ weight: "strong" | "regular" | "medium";
11
11
  } | undefined;
package/dist/declarations/src/defaultTextProps.d.ts CHANGED
@@ -9,8 +9,8 @@ export declare function DefaultTextPropsProvider({ children, size, tone, weight,
9
9
  children: ReactNode;
10
10
  }): JSX.Element;
11
11
  export declare const useDefaultTextProps: ({ size: sizeProp, tone: toneProp, weight: weightProp, }: DefaultTextProps) => {
12
- size: "large" | "small" | "xsmall" | "standard";
13
- tone: "disabled" | "link" | "placeholder" | "temporary-green" | "temporary-green-low" | "temporary-green-high" | "temporary-green-soft" | "temporary-yellow" | "temporary-yellow-low" | "temporary-yellow-high" | "temporary-yellow-soft" | "temporary-dark" | "temporary-dark-low" | "temporary-dark-high" | "temporary-dark-soft" | "temporary-blue" | "temporary-blue-low" | "temporary-blue-high" | "temporary-blue-soft" | "temporary-red" | "temporary-red-low" | "temporary-red-high" | "temporary-red-soft" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
14
- weight: "medium" | "strong" | "regular";
12
+ size: "small" | "xsmall" | "standard" | "large";
13
+ tone: "link" | "muted" | "disabled" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive";
14
+ weight: "strong" | "regular" | "medium";
15
15
  };
16
16
  export {};
package/dist/spark-web-text.cjs.dev.js CHANGED
@@ -2,24 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
5
+ var react = require('react');
6
+ var jsxRuntime = require('react/jsx-runtime');
6
7
  var css = require('@emotion/css');
7
8
  var theme = require('@spark-web/theme');
8
9
  var box = require('@spark-web/box');
9
10
  var ts = require('@spark-web/utils/ts');
10
- var _defineProperty = require('@babel/runtime/helpers/esm/defineProperty');
11
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
11
12
 
12
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
13
-
14
- var React__default = /*#__PURE__*/_interopDefault(React);
15
-
16
- var TextContext = /*#__PURE__*/React.createContext(undefined);
13
+ var TextContext = /*#__PURE__*/react.createContext(undefined);
17
14
  function useTextContext() {
18
- return React.useContext(TextContext);
15
+ return react.useContext(TextContext);
19
16
  }
20
17
 
21
- var __jsx$2 = React__default["default"].createElement;
22
- var DefaultTextPropsContext = /*#__PURE__*/React.createContext({
18
+ var DefaultTextPropsContext = /*#__PURE__*/react.createContext({
23
19
  size: undefined,
24
20
  tone: undefined,
25
21
  weight: undefined
@@ -29,16 +25,17 @@ function DefaultTextPropsProvider(_ref) {
29
25
  size = _ref.size,
30
26
  tone = _ref.tone,
31
27
  weight = _ref.weight;
32
- var defaultTextProps = React.useMemo(function () {
28
+ var defaultTextProps = react.useMemo(function () {
33
29
  return {
34
30
  size: size,
35
31
  tone: tone,
36
32
  weight: weight
37
33
  };
38
34
  }, [size, tone, weight]);
39
- return __jsx$2(DefaultTextPropsContext.Provider, {
40
- value: defaultTextProps
41
- }, children);
35
+ return /*#__PURE__*/jsxRuntime.jsx(DefaultTextPropsContext.Provider, {
36
+ value: defaultTextProps,
37
+ children: children
38
+ });
42
39
  }
43
40
  var useDefaultTextProps = function useDefaultTextProps(_ref2) {
44
41
  var _ref3, _ref4, _ref5;
@@ -47,7 +44,7 @@ var useDefaultTextProps = function useDefaultTextProps(_ref2) {
47
44
  toneProp = _ref2.tone,
48
45
  weightProp = _ref2.weight;
49
46
 
50
- var _useContext = React.useContext(DefaultTextPropsContext),
47
+ var _useContext = react.useContext(DefaultTextPropsContext),
51
48
  size = _useContext.size,
52
49
  tone = _useContext.tone,
53
50
  weight = _useContext.weight;
@@ -59,7 +56,6 @@ var useDefaultTextProps = function useDefaultTextProps(_ref2) {
59
56
  };
60
57
  };
61
58
 
62
- var __jsx$1 = React__default["default"].createElement;
63
59
  var Strong = function Strong(_ref) {
64
60
  var children = _ref.children;
65
61
 
@@ -69,9 +65,10 @@ var Strong = function Strong(_ref) {
69
65
  var styles = {
70
66
  fontWeight: typography.fontWeight.strong
71
67
  };
72
- return __jsx$1("strong", {
73
- className: css.css(styles)
74
- }, children);
68
+ return /*#__PURE__*/jsxRuntime.jsx("strong", {
69
+ className: css.css(styles),
70
+ children: children
71
+ });
75
72
  };
76
73
 
77
74
  var strategyMap = {
@@ -125,9 +122,6 @@ function useForegroundTone(tone) {
125
122
  return theme$1.color.foreground[tone];
126
123
  }
127
124
 
128
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
129
-
130
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
131
125
  function useText(_ref) {
132
126
  var _ref$baseline = _ref.baseline,
133
127
  baseline = _ref$baseline === void 0 ? true : _ref$baseline,
@@ -185,7 +179,6 @@ function createTextStyles(_ref2) {
185
179
  }, leadingTrim);
186
180
  }
187
181
 
188
- var __jsx = React__default["default"].createElement;
189
182
  var Text = ts.forwardRefWithAs(function (_ref, forwardedRef) {
190
183
  var as = _ref.as,
191
184
  children = _ref.children,
@@ -226,33 +219,37 @@ var Text = ts.forwardRefWithAs(function (_ref, forwardedRef) {
226
219
  }]; // early exit for inline variant
227
220
 
228
221
  if (inline) {
229
- return __jsx(box.Box, {
222
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
230
223
  as: as !== null && as !== void 0 ? as : 'span',
231
224
  ref: forwardedRef,
232
225
  id: id,
233
- className: css.css(styles)
234
- }, children);
226
+ className: css.css(styles),
227
+ children: children
228
+ });
235
229
  } // prepare block variant
236
230
 
237
231
 
238
- var content = overflowStrategy ? __jsx("span", {
239
- className: css.css(overflowStyles)
240
- }, children) : children;
241
- var textContextValue = React.useMemo(function () {
232
+ var content = overflowStrategy ? /*#__PURE__*/jsxRuntime.jsx("span", {
233
+ className: css.css(overflowStyles),
234
+ children: children
235
+ }) : children;
236
+ var textContextValue = react.useMemo(function () {
242
237
  return {
243
238
  size: size,
244
239
  tone: tone,
245
240
  weight: weight
246
241
  };
247
242
  }, [size, tone, weight]);
248
- return __jsx(TextContext.Provider, {
249
- value: textContextValue
250
- }, __jsx(box.Box, {
251
- as: as,
252
- ref: forwardedRef,
253
- id: id,
254
- className: css.css(styles)
255
- }, content));
243
+ return /*#__PURE__*/jsxRuntime.jsx(TextContext.Provider, {
244
+ value: textContextValue,
245
+ children: /*#__PURE__*/jsxRuntime.jsx(box.Box, {
246
+ as: as,
247
+ ref: forwardedRef,
248
+ id: id,
249
+ className: css.css(styles),
250
+ children: content
251
+ })
252
+ });
256
253
  });
257
254
 
258
255
  exports.DefaultTextPropsProvider = DefaultTextPropsProvider;
package/dist/spark-web-text.cjs.prod.js CHANGED
@@ -2,24 +2,20 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
5
+ var react = require('react');
6
+ var jsxRuntime = require('react/jsx-runtime');
6
7
  var css = require('@emotion/css');
7
8
  var theme = require('@spark-web/theme');
8
9
  var box = require('@spark-web/box');
9
10
  var ts = require('@spark-web/utils/ts');
10
- var _defineProperty = require('@babel/runtime/helpers/esm/defineProperty');
11
+ var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
11
12
 
12
- function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
13
-
14
- var React__default = /*#__PURE__*/_interopDefault(React);
15
-
16
- var TextContext = /*#__PURE__*/React.createContext(undefined);
13
+ var TextContext = /*#__PURE__*/react.createContext(undefined);
17
14
  function useTextContext() {
18
- return React.useContext(TextContext);
15
+ return react.useContext(TextContext);
19
16
  }
20
17
 
21
- var __jsx$2 = React__default["default"].createElement;
22
- var DefaultTextPropsContext = /*#__PURE__*/React.createContext({
18
+ var DefaultTextPropsContext = /*#__PURE__*/react.createContext({
23
19
  size: undefined,
24
20
  tone: undefined,
25
21
  weight: undefined
@@ -29,16 +25,17 @@ function DefaultTextPropsProvider(_ref) {
29
25
  size = _ref.size,
30
26
  tone = _ref.tone,
31
27
  weight = _ref.weight;
32
- var defaultTextProps = React.useMemo(function () {
28
+ var defaultTextProps = react.useMemo(function () {
33
29
  return {
34
30
  size: size,
35
31
  tone: tone,
36
32
  weight: weight
37
33
  };
38
34
  }, [size, tone, weight]);
39
- return __jsx$2(DefaultTextPropsContext.Provider, {
40
- value: defaultTextProps
41
- }, children);
35
+ return /*#__PURE__*/jsxRuntime.jsx(DefaultTextPropsContext.Provider, {
36
+ value: defaultTextProps,
37
+ children: children
38
+ });
42
39
  }
43
40
  var useDefaultTextProps = function useDefaultTextProps(_ref2) {
44
41
  var _ref3, _ref4, _ref5;
@@ -47,7 +44,7 @@ var useDefaultTextProps = function useDefaultTextProps(_ref2) {
47
44
  toneProp = _ref2.tone,
48
45
  weightProp = _ref2.weight;
49
46
 
50
- var _useContext = React.useContext(DefaultTextPropsContext),
47
+ var _useContext = react.useContext(DefaultTextPropsContext),
51
48
  size = _useContext.size,
52
49
  tone = _useContext.tone,
53
50
  weight = _useContext.weight;
@@ -59,7 +56,6 @@ var useDefaultTextProps = function useDefaultTextProps(_ref2) {
59
56
  };
60
57
  };
61
58
 
62
- var __jsx$1 = React__default["default"].createElement;
63
59
  var Strong = function Strong(_ref) {
64
60
  var children = _ref.children;
65
61
 
@@ -69,9 +65,10 @@ var Strong = function Strong(_ref) {
69
65
  var styles = {
70
66
  fontWeight: typography.fontWeight.strong
71
67
  };
72
- return __jsx$1("strong", {
73
- className: css.css(styles)
74
- }, children);
68
+ return /*#__PURE__*/jsxRuntime.jsx("strong", {
69
+ className: css.css(styles),
70
+ children: children
71
+ });
75
72
  };
76
73
 
77
74
  var strategyMap = {
@@ -125,9 +122,6 @@ function useForegroundTone(tone) {
125
122
  return theme$1.color.foreground[tone];
126
123
  }
127
124
 
128
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
129
-
130
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
131
125
  function useText(_ref) {
132
126
  var _ref$baseline = _ref.baseline,
133
127
  baseline = _ref$baseline === void 0 ? true : _ref$baseline,
@@ -185,7 +179,6 @@ function createTextStyles(_ref2) {
185
179
  }, leadingTrim);
186
180
  }
187
181
 
188
- var __jsx = React__default["default"].createElement;
189
182
  var Text = ts.forwardRefWithAs(function (_ref, forwardedRef) {
190
183
  var as = _ref.as,
191
184
  children = _ref.children,
@@ -226,33 +219,37 @@ var Text = ts.forwardRefWithAs(function (_ref, forwardedRef) {
226
219
  }]; // early exit for inline variant
227
220
 
228
221
  if (inline) {
229
- return __jsx(box.Box, {
222
+ return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
230
223
  as: as !== null && as !== void 0 ? as : 'span',
231
224
  ref: forwardedRef,
232
225
  id: id,
233
- className: css.css(styles)
234
- }, children);
226
+ className: css.css(styles),
227
+ children: children
228
+ });
235
229
  } // prepare block variant
236
230
 
237
231
 
238
- var content = overflowStrategy ? __jsx("span", {
239
- className: css.css(overflowStyles)
240
- }, children) : children;
241
- var textContextValue = React.useMemo(function () {
232
+ var content = overflowStrategy ? /*#__PURE__*/jsxRuntime.jsx("span", {
233
+ className: css.css(overflowStyles),
234
+ children: children
235
+ }) : children;
236
+ var textContextValue = react.useMemo(function () {
242
237
  return {
243
238
  size: size,
244
239
  tone: tone,
245
240
  weight: weight
246
241
  };
247
242
  }, [size, tone, weight]);
248
- return __jsx(TextContext.Provider, {
249
- value: textContextValue
250
- }, __jsx(box.Box, {
251
- as: as,
252
- ref: forwardedRef,
253
- id: id,
254
- className: css.css(styles)
255
- }, content));
243
+ return /*#__PURE__*/jsxRuntime.jsx(TextContext.Provider, {
244
+ value: textContextValue,
245
+ children: /*#__PURE__*/jsxRuntime.jsx(box.Box, {
246
+ as: as,
247
+ ref: forwardedRef,
248
+ id: id,
249
+ className: css.css(styles),
250
+ children: content
251
+ })
252
+ });
256
253
  });
257
254
 
258
255
  exports.DefaultTextPropsProvider = DefaultTextPropsProvider;
package/dist/spark-web-text.esm.js CHANGED
@@ -1,16 +1,16 @@
1
- import React, { useContext, createContext, useMemo } from 'react';
1
+ import { useContext, createContext, useMemo } from 'react';
2
+ import { jsx } from 'react/jsx-runtime';
2
3
  import { css } from '@emotion/css';
3
4
  import { useTheme } from '@spark-web/theme';
4
5
  import { useBackgroundLightness, Box } from '@spark-web/box';
5
6
  import { forwardRefWithAs } from '@spark-web/utils/ts';
6
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
7
+ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
7
8
 
8
9
  var TextContext = /*#__PURE__*/createContext(undefined);
9
10
  function useTextContext() {
10
11
  return useContext(TextContext);
11
12
  }
12
13
 
13
- var __jsx$2 = React.createElement;
14
14
  var DefaultTextPropsContext = /*#__PURE__*/createContext({
15
15
  size: undefined,
16
16
  tone: undefined,
@@ -28,9 +28,10 @@ function DefaultTextPropsProvider(_ref) {
28
28
  weight: weight
29
29
  };
30
30
  }, [size, tone, weight]);
31
- return __jsx$2(DefaultTextPropsContext.Provider, {
32
- value: defaultTextProps
33
- }, children);
31
+ return /*#__PURE__*/jsx(DefaultTextPropsContext.Provider, {
32
+ value: defaultTextProps,
33
+ children: children
34
+ });
34
35
  }
35
36
  var useDefaultTextProps = function useDefaultTextProps(_ref2) {
36
37
  var _ref3, _ref4, _ref5;
@@ -51,7 +52,6 @@ var useDefaultTextProps = function useDefaultTextProps(_ref2) {
51
52
  };
52
53
  };
53
54
 
54
- var __jsx$1 = React.createElement;
55
55
  var Strong = function Strong(_ref) {
56
56
  var children = _ref.children;
57
57
 
@@ -61,9 +61,10 @@ var Strong = function Strong(_ref) {
61
61
  var styles = {
62
62
  fontWeight: typography.fontWeight.strong
63
63
  };
64
- return __jsx$1("strong", {
65
- className: css(styles)
66
- }, children);
64
+ return /*#__PURE__*/jsx("strong", {
65
+ className: css(styles),
66
+ children: children
67
+ });
67
68
  };
68
69
 
69
70
  var strategyMap = {
@@ -117,9 +118,6 @@ function useForegroundTone(tone) {
117
118
  return theme.color.foreground[tone];
118
119
  }
119
120
 
120
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
121
-
122
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
123
121
  function useText(_ref) {
124
122
  var _ref$baseline = _ref.baseline,
125
123
  baseline = _ref$baseline === void 0 ? true : _ref$baseline,
@@ -177,7 +175,6 @@ function createTextStyles(_ref2) {
177
175
  }, leadingTrim);
178
176
  }
179
177
 
180
- var __jsx = React.createElement;
181
178
  var Text = forwardRefWithAs(function (_ref, forwardedRef) {
182
179
  var as = _ref.as,
183
180
  children = _ref.children,
@@ -218,18 +215,20 @@ var Text = forwardRefWithAs(function (_ref, forwardedRef) {
218
215
  }]; // early exit for inline variant
219
216
 
220
217
  if (inline) {
221
- return __jsx(Box, {
218
+ return /*#__PURE__*/jsx(Box, {
222
219
  as: as !== null && as !== void 0 ? as : 'span',
223
220
  ref: forwardedRef,
224
221
  id: id,
225
- className: css(styles)
226
- }, children);
222
+ className: css(styles),
223
+ children: children
224
+ });
227
225
  } // prepare block variant
228
226
 
229
227
 
230
- var content = overflowStrategy ? __jsx("span", {
231
- className: css(overflowStyles)
232
- }, children) : children;
228
+ var content = overflowStrategy ? /*#__PURE__*/jsx("span", {
229
+ className: css(overflowStyles),
230
+ children: children
231
+ }) : children;
233
232
  var textContextValue = useMemo(function () {
234
233
  return {
235
234
  size: size,
@@ -237,14 +236,16 @@ var Text = forwardRefWithAs(function (_ref, forwardedRef) {
237
236
  weight: weight
238
237
  };
239
238
  }, [size, tone, weight]);
240
- return __jsx(TextContext.Provider, {
241
- value: textContextValue
242
- }, __jsx(Box, {
243
- as: as,
244
- ref: forwardedRef,
245
- id: id,
246
- className: css(styles)
247
- }, content));
239
+ return /*#__PURE__*/jsx(TextContext.Provider, {
240
+ value: textContextValue,
241
+ children: /*#__PURE__*/jsx(Box, {
242
+ as: as,
243
+ ref: forwardedRef,
244
+ id: id,
245
+ className: css(styles),
246
+ children: content
247
+ })
248
+ });
248
249
  });
249
250
 
250
251
  export { DefaultTextPropsProvider, Strong, Text, createTextStyles, useDefaultTextProps, useForegroundTone, useOverflowStrategy, useText, useTextContext };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@spark-web/text",
3
3
  "license": "MIT",
4
- "version": "1.0.0",
4
+ "version": "1.0.1",
5
5
  "main": "dist/spark-web-text.cjs.js",
6
6
  "module": "dist/spark-web-text.esm.js",
7
7
  "devDependencies": {
@@ -10,9 +10,9 @@
10
10
  "dependencies": {
11
11
  "@babel/runtime": "^7.14.6",
12
12
  "@emotion/css": "^11.7.1",
13
- "@spark-web/box": "^1.0.0",
14
- "@spark-web/theme": "^1.0.0",
15
- "@spark-web/utils": "^1.0.0",
13
+ "@spark-web/box": "^1.0.1",
14
+ "@spark-web/theme": "^2.0.0",
15
+ "@spark-web/utils": "^1.0.1",
16
16
  "react": "^17.0.2"
17
17
  },
18
18
  "engines": {