@spark-web/text-input
Advanced tools
Comparing version 4.0.0-rc.1 to 4.0.0-rc.2
# @spark-web/text-input | ||
## 4.0.0-rc.2 | ||
### Major Changes | ||
- add parser | ||
### Patch Changes | ||
- Updated dependencies []: | ||
- @spark-web/field@4.0.0-rc.2 | ||
- @spark-web/theme@4.0.0-rc.2 | ||
- @spark-web/utils@2.0.0-rc.2 | ||
- @spark-web/a11y@2.0.0-rc.2 | ||
- @spark-web/text@2.0.0-rc.2 | ||
- @spark-web/box@2.0.0-rc.2 | ||
## 4.0.0-rc.1 | ||
@@ -4,0 +20,0 @@ |
@@ -58,6 +58,6 @@ import type { FieldState } from '@spark-web/field'; | ||
readonly height: "medium"; | ||
readonly paddingLeft: "none" | "medium"; | ||
readonly paddingRight: "none" | "medium"; | ||
readonly paddingLeft: "medium" | "none"; | ||
readonly paddingRight: "medium" | "none"; | ||
readonly width: "full"; | ||
}, any]; | ||
export {}; |
@@ -10,3 +10,3 @@ 'use strict'; | ||
var react = require('react'); | ||
var jsxRuntime = require('react/jsx-runtime'); | ||
var jsxRuntime = require('@emotion/react/jsx-runtime'); | ||
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray'); | ||
@@ -62,6 +62,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties'); | ||
if (!raw) { | ||
content = /*#__PURE__*/jsxRuntime.jsx(box.Box, { | ||
content = jsxRuntime.jsx(box.Box, { | ||
paddingLeft: paddingLeft, | ||
paddingRight: paddingRight, | ||
children: /*#__PURE__*/jsxRuntime.jsx(box.Box, { | ||
children: jsxRuntime.jsx(box.Box, { | ||
display: "flex", | ||
@@ -77,3 +77,3 @@ alignItems: "center", | ||
} | ||
var wrappedContent = /*#__PURE__*/jsxRuntime.jsx(InputAdornmentContext.Provider, { | ||
var wrappedContent = jsxRuntime.jsx(InputAdornmentContext.Provider, { | ||
value: adornmentContext, | ||
@@ -83,3 +83,3 @@ children: content | ||
if (fieldLabel) { | ||
return /*#__PURE__*/jsxRuntime.jsx(FieldAdornment, { | ||
return jsxRuntime.jsx(FieldAdornment, { | ||
fieldLabel: fieldLabel, | ||
@@ -105,3 +105,3 @@ children: wrappedContent | ||
}, [fieldLabel, parentFieldContext]); | ||
return /*#__PURE__*/jsxRuntime.jsx(field.FieldContextProvider, { | ||
return jsxRuntime.jsx(field.FieldContextProvider, { | ||
value: fieldContext, | ||
@@ -123,3 +123,3 @@ children: children | ||
invalid = _useFieldContext2$.invalid; | ||
return /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({ | ||
return jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({ | ||
borderRadius: "small", | ||
@@ -129,3 +129,3 @@ position: "relative", | ||
}, boxProps), {}, { | ||
children: [startAdornment, children, /*#__PURE__*/jsxRuntime.jsx(FocusIndicator, { | ||
children: [startAdornment, children, jsxRuntime.jsx(FocusIndicator, { | ||
invalid: invalid | ||
@@ -137,3 +137,3 @@ }), endAdornment] | ||
var invalid = _ref2.invalid; | ||
return /*#__PURE__*/jsxRuntime.jsx(box.Box, { | ||
return jsxRuntime.jsx(box.Box, { | ||
"aria-hidden": "true", | ||
@@ -215,3 +215,3 @@ as: "span", | ||
inputStyles = _useInputStyles2[1]; | ||
return /*#__PURE__*/jsxRuntime.jsx(InputContainer, { | ||
return jsxRuntime.jsx(InputContainer, { | ||
display: "inline-flex", | ||
@@ -221,3 +221,3 @@ alignItems: "center", | ||
endAdornment: endAdornment, | ||
children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, { | ||
children: jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, { | ||
as: "input", | ||
@@ -224,0 +224,0 @@ css: react$1.css(inputStyles), |
@@ -10,3 +10,3 @@ 'use strict'; | ||
var react = require('react'); | ||
var jsxRuntime = require('react/jsx-runtime'); | ||
var jsxRuntime = require('@emotion/react/jsx-runtime'); | ||
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray'); | ||
@@ -62,6 +62,6 @@ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties'); | ||
if (!raw) { | ||
content = /*#__PURE__*/jsxRuntime.jsx(box.Box, { | ||
content = jsxRuntime.jsx(box.Box, { | ||
paddingLeft: paddingLeft, | ||
paddingRight: paddingRight, | ||
children: /*#__PURE__*/jsxRuntime.jsx(box.Box, { | ||
children: jsxRuntime.jsx(box.Box, { | ||
display: "flex", | ||
@@ -77,3 +77,3 @@ alignItems: "center", | ||
} | ||
var wrappedContent = /*#__PURE__*/jsxRuntime.jsx(InputAdornmentContext.Provider, { | ||
var wrappedContent = jsxRuntime.jsx(InputAdornmentContext.Provider, { | ||
value: adornmentContext, | ||
@@ -83,3 +83,3 @@ children: content | ||
if (fieldLabel) { | ||
return /*#__PURE__*/jsxRuntime.jsx(FieldAdornment, { | ||
return jsxRuntime.jsx(FieldAdornment, { | ||
fieldLabel: fieldLabel, | ||
@@ -105,3 +105,3 @@ children: wrappedContent | ||
}, [fieldLabel, parentFieldContext]); | ||
return /*#__PURE__*/jsxRuntime.jsx(field.FieldContextProvider, { | ||
return jsxRuntime.jsx(field.FieldContextProvider, { | ||
value: fieldContext, | ||
@@ -123,3 +123,3 @@ children: children | ||
invalid = _useFieldContext2$.invalid; | ||
return /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({ | ||
return jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({ | ||
borderRadius: "small", | ||
@@ -129,3 +129,3 @@ position: "relative", | ||
}, boxProps), {}, { | ||
children: [startAdornment, children, /*#__PURE__*/jsxRuntime.jsx(FocusIndicator, { | ||
children: [startAdornment, children, jsxRuntime.jsx(FocusIndicator, { | ||
invalid: invalid | ||
@@ -137,3 +137,3 @@ }), endAdornment] | ||
var invalid = _ref2.invalid; | ||
return /*#__PURE__*/jsxRuntime.jsx(box.Box, { | ||
return jsxRuntime.jsx(box.Box, { | ||
"aria-hidden": "true", | ||
@@ -215,3 +215,3 @@ as: "span", | ||
inputStyles = _useInputStyles2[1]; | ||
return /*#__PURE__*/jsxRuntime.jsx(InputContainer, { | ||
return jsxRuntime.jsx(InputContainer, { | ||
display: "inline-flex", | ||
@@ -221,3 +221,3 @@ alignItems: "center", | ||
endAdornment: endAdornment, | ||
children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, { | ||
children: jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, { | ||
as: "input", | ||
@@ -224,0 +224,0 @@ css: react$1.css(inputStyles), |
@@ -6,3 +6,3 @@ import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2'; | ||
import { useMemo, createContext, Children, isValidElement, forwardRef } from 'react'; | ||
import { jsx, jsxs } from 'react/jsx-runtime'; | ||
import { jsx, jsxs } from '@emotion/react/jsx-runtime'; | ||
import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray'; | ||
@@ -58,6 +58,6 @@ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties'; | ||
if (!raw) { | ||
content = /*#__PURE__*/jsx(Box, { | ||
content = jsx(Box, { | ||
paddingLeft: paddingLeft, | ||
paddingRight: paddingRight, | ||
children: /*#__PURE__*/jsx(Box, { | ||
children: jsx(Box, { | ||
display: "flex", | ||
@@ -73,3 +73,3 @@ alignItems: "center", | ||
} | ||
var wrappedContent = /*#__PURE__*/jsx(InputAdornmentContext.Provider, { | ||
var wrappedContent = jsx(InputAdornmentContext.Provider, { | ||
value: adornmentContext, | ||
@@ -79,3 +79,3 @@ children: content | ||
if (fieldLabel) { | ||
return /*#__PURE__*/jsx(FieldAdornment, { | ||
return jsx(FieldAdornment, { | ||
fieldLabel: fieldLabel, | ||
@@ -101,3 +101,3 @@ children: wrappedContent | ||
}, [fieldLabel, parentFieldContext]); | ||
return /*#__PURE__*/jsx(FieldContextProvider, { | ||
return jsx(FieldContextProvider, { | ||
value: fieldContext, | ||
@@ -119,3 +119,3 @@ children: children | ||
invalid = _useFieldContext2$.invalid; | ||
return /*#__PURE__*/jsxs(Box, _objectSpread(_objectSpread({ | ||
return jsxs(Box, _objectSpread(_objectSpread({ | ||
borderRadius: "small", | ||
@@ -125,3 +125,3 @@ position: "relative", | ||
}, boxProps), {}, { | ||
children: [startAdornment, children, /*#__PURE__*/jsx(FocusIndicator, { | ||
children: [startAdornment, children, jsx(FocusIndicator, { | ||
invalid: invalid | ||
@@ -133,3 +133,3 @@ }), endAdornment] | ||
var invalid = _ref2.invalid; | ||
return /*#__PURE__*/jsx(Box, { | ||
return jsx(Box, { | ||
"aria-hidden": "true", | ||
@@ -211,3 +211,3 @@ as: "span", | ||
inputStyles = _useInputStyles2[1]; | ||
return /*#__PURE__*/jsx(InputContainer, { | ||
return jsx(InputContainer, { | ||
display: "inline-flex", | ||
@@ -217,3 +217,3 @@ alignItems: "center", | ||
endAdornment: endAdornment, | ||
children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, { | ||
children: jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, { | ||
as: "input", | ||
@@ -220,0 +220,0 @@ css: css(inputStyles), |
{ | ||
"name": "@spark-web/text-input", | ||
"version": "4.0.0-rc.1", | ||
"version": "4.0.0-rc.2", | ||
"homepage": "https://github.com/brighte-labs/spark-web#readme", | ||
@@ -20,10 +20,10 @@ "repository": { | ||
"@emotion/react": "^11.13.5", | ||
"@spark-web/a11y": "^2.0.0-rc.1", | ||
"@spark-web/box": "^2.0.0-rc.1", | ||
"@spark-web/text": "^2.0.0-rc.1", | ||
"@spark-web/theme": "^4.0.0-rc.1", | ||
"@spark-web/utils": "^2.0.0-rc.1" | ||
"@spark-web/a11y": "^2.0.0-rc.2", | ||
"@spark-web/box": "^2.0.0-rc.2", | ||
"@spark-web/text": "^2.0.0-rc.2", | ||
"@spark-web/theme": "^4.0.0-rc.2", | ||
"@spark-web/utils": "^2.0.0-rc.2" | ||
}, | ||
"devDependencies": { | ||
"@spark-web/field": "^4.0.0-rc.1", | ||
"@spark-web/field": "^4.0.0-rc.2", | ||
"@types/react": "^18.2.0", | ||
@@ -33,3 +33,3 @@ "react": "^18.2.0" | ||
"peerDependencies": { | ||
"@spark-web/field": "^4.0.0-rc.1", | ||
"@spark-web/field": "^4.0.0-rc.2", | ||
"react": ">=17.0.2" | ||
@@ -36,0 +36,0 @@ }, |
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
51255
Updated@spark-web/a11y@^2.0.0-rc.2
Updated@spark-web/box@^2.0.0-rc.2
Updated@spark-web/text@^2.0.0-rc.2
Updated@spark-web/theme@^4.0.0-rc.2
Updated@spark-web/utils@^2.0.0-rc.2