@spark-web/text
Advanced tools
Comparing version 2.0.0-rc.1 to 2.0.0-rc.2
# @spark-web/text | ||
## 2.0.0-rc.2 | ||
### Major Changes | ||
- add parser | ||
### Patch Changes | ||
- Updated dependencies []: | ||
- @spark-web/theme@4.0.0-rc.2 | ||
- @spark-web/utils@2.0.0-rc.2 | ||
- @spark-web/box@2.0.0-rc.2 | ||
## 2.0.0-rc.1 | ||
@@ -4,0 +17,0 @@ |
/// <reference types="react" /> | ||
export declare const TextContext: import("react").Context<{ | ||
size: "small" | "xsmall" | "standard" | "large"; | ||
tone: "link" | "disabled" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"; | ||
tone: "disabled" | "link" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"; | ||
weight: "regular" | "semibold"; | ||
@@ -9,4 +9,4 @@ } | undefined>; | ||
size: "small" | "xsmall" | "standard" | "large"; | ||
tone: "link" | "disabled" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"; | ||
tone: "disabled" | "link" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"; | ||
weight: "regular" | "semibold"; | ||
} | undefined; |
@@ -13,5 +13,5 @@ import type { ReactNode } from 'react'; | ||
size: "small" | "xsmall" | "standard" | "large"; | ||
tone: "link" | "disabled" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"; | ||
tone: "disabled" | "link" | "muted" | "fieldAccent" | "accent" | "neutral" | "primary" | "secondary" | "caution" | "critical" | "info" | "positive" | "placeholder" | "primaryHover" | "primaryActive" | "secondaryHover" | "secondaryActive"; | ||
weight: "regular" | "semibold"; | ||
}; | ||
export {}; |
@@ -33,4 +33,4 @@ import type { BoxProps } from '@spark-web/box'; | ||
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" | "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; | ||
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>>; | ||
export {}; |
@@ -6,3 +6,3 @@ 'use strict'; | ||
var react = require('react'); | ||
var jsxRuntime = require('react/jsx-runtime'); | ||
var jsxRuntime = require('@emotion/react/jsx-runtime'); | ||
var react$1 = require('@emotion/react'); | ||
@@ -37,3 +37,3 @@ var theme = require('@spark-web/theme'); | ||
}, [size, tone, weight]); | ||
return /*#__PURE__*/jsxRuntime.jsx(DefaultTextPropsContext.Provider, { | ||
return jsxRuntime.jsx(DefaultTextPropsContext.Provider, { | ||
value: defaultTextProps, | ||
@@ -65,3 +65,3 @@ children: children | ||
}; | ||
return /*#__PURE__*/jsxRuntime.jsx("strong", { | ||
return jsxRuntime.jsx("strong", { | ||
css: react$1.css(styles), | ||
@@ -213,3 +213,3 @@ children: children | ||
if (inline) { | ||
return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
as: as !== null && as !== void 0 ? as : 'span', | ||
@@ -225,3 +225,3 @@ data: data, | ||
// prepare block variant | ||
var content = overflowStrategy ? /*#__PURE__*/jsxRuntime.jsx("span", { | ||
var content = overflowStrategy ? jsxRuntime.jsx("span", { | ||
css: react$1.css(overflowStyles), | ||
@@ -237,5 +237,5 @@ children: children | ||
}, [size, tone, weight]); | ||
return /*#__PURE__*/jsxRuntime.jsx(TextContext.Provider, { | ||
return jsxRuntime.jsx(TextContext.Provider, { | ||
value: textContextValue, | ||
children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
children: jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
as: as, | ||
@@ -242,0 +242,0 @@ data: data, |
@@ -6,3 +6,3 @@ 'use strict'; | ||
var react = require('react'); | ||
var jsxRuntime = require('react/jsx-runtime'); | ||
var jsxRuntime = require('@emotion/react/jsx-runtime'); | ||
var react$1 = require('@emotion/react'); | ||
@@ -37,3 +37,3 @@ var theme = require('@spark-web/theme'); | ||
}, [size, tone, weight]); | ||
return /*#__PURE__*/jsxRuntime.jsx(DefaultTextPropsContext.Provider, { | ||
return jsxRuntime.jsx(DefaultTextPropsContext.Provider, { | ||
value: defaultTextProps, | ||
@@ -65,3 +65,3 @@ children: children | ||
}; | ||
return /*#__PURE__*/jsxRuntime.jsx("strong", { | ||
return jsxRuntime.jsx("strong", { | ||
css: react$1.css(styles), | ||
@@ -213,3 +213,3 @@ children: children | ||
if (inline) { | ||
return /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
return jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
as: as !== null && as !== void 0 ? as : 'span', | ||
@@ -225,3 +225,3 @@ data: data, | ||
// prepare block variant | ||
var content = overflowStrategy ? /*#__PURE__*/jsxRuntime.jsx("span", { | ||
var content = overflowStrategy ? jsxRuntime.jsx("span", { | ||
css: react$1.css(overflowStyles), | ||
@@ -237,5 +237,5 @@ children: children | ||
}, [size, tone, weight]); | ||
return /*#__PURE__*/jsxRuntime.jsx(TextContext.Provider, { | ||
return jsxRuntime.jsx(TextContext.Provider, { | ||
value: textContextValue, | ||
children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
children: jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
as: as, | ||
@@ -242,0 +242,0 @@ data: data, |
import { createContext, useContext, useMemo } from 'react'; | ||
import { jsx } from 'react/jsx-runtime'; | ||
import { jsx } from '@emotion/react/jsx-runtime'; | ||
import { css } from '@emotion/react'; | ||
@@ -32,3 +32,3 @@ import { useTheme } from '@spark-web/theme'; | ||
}, [size, tone, weight]); | ||
return /*#__PURE__*/jsx(DefaultTextPropsContext.Provider, { | ||
return jsx(DefaultTextPropsContext.Provider, { | ||
value: defaultTextProps, | ||
@@ -60,3 +60,3 @@ children: children | ||
}; | ||
return /*#__PURE__*/jsx("strong", { | ||
return jsx("strong", { | ||
css: css(styles), | ||
@@ -208,3 +208,3 @@ children: children | ||
if (inline) { | ||
return /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
return jsx(Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
as: as !== null && as !== void 0 ? as : 'span', | ||
@@ -220,3 +220,3 @@ data: data, | ||
// prepare block variant | ||
var content = overflowStrategy ? /*#__PURE__*/jsx("span", { | ||
var content = overflowStrategy ? jsx("span", { | ||
css: css(overflowStyles), | ||
@@ -232,5 +232,5 @@ children: children | ||
}, [size, tone, weight]); | ||
return /*#__PURE__*/jsx(TextContext.Provider, { | ||
return jsx(TextContext.Provider, { | ||
value: textContextValue, | ||
children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
children: jsx(Box, _objectSpread(_objectSpread({}, consumerProps), {}, { | ||
as: as, | ||
@@ -237,0 +237,0 @@ data: data, |
{ | ||
"name": "@spark-web/text", | ||
"version": "2.0.0-rc.1", | ||
"version": "2.0.0-rc.2", | ||
"homepage": "https://github.com/brighte-labs/spark-web#readme", | ||
@@ -20,5 +20,5 @@ "repository": { | ||
"@emotion/react": "^11.13.5", | ||
"@spark-web/box": "^2.0.0-rc.1", | ||
"@spark-web/theme": "^4.0.0-rc.1", | ||
"@spark-web/utils": "^2.0.0-rc.1" | ||
"@spark-web/box": "^2.0.0-rc.2", | ||
"@spark-web/theme": "^4.0.0-rc.2", | ||
"@spark-web/utils": "^2.0.0-rc.2" | ||
}, | ||
@@ -25,0 +25,0 @@ "devDependencies": { |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
0
45486
Updated@spark-web/box@^2.0.0-rc.2
Updated@spark-web/theme@^4.0.0-rc.2
Updated@spark-web/utils@^2.0.0-rc.2