@spark-web/text-input 4.0.0-rc.1 → 4.0.0-rc.2

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 (6) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/declarations/src/text-input.d.ts +2 -2
  3. package/dist/spark-web-text-input.cjs.dev.js +11 -11
  4. package/dist/spark-web-text-input.cjs.prod.js +11 -11
  5. package/dist/spark-web-text-input.esm.js +11 -11
  6. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @spark-web/text-input
2
2
 
3
+ ## 4.0.0-rc.2
4
+
5
+ ### Major Changes
6
+
7
+ - add parser
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies []:
12
+ - @spark-web/field@4.0.0-rc.2
13
+ - @spark-web/theme@4.0.0-rc.2
14
+ - @spark-web/utils@2.0.0-rc.2
15
+ - @spark-web/a11y@2.0.0-rc.2
16
+ - @spark-web/text@2.0.0-rc.2
17
+ - @spark-web/box@2.0.0-rc.2
18
+
3
19
  ## 4.0.0-rc.1
4
20
 
5
21
  ### Major Changes
package/dist/declarations/src/text-input.d.ts CHANGED
@@ -55,8 +55,8 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
55
55
  readonly flex: 1;
56
56
  readonly position: "relative";
57
57
  readonly height: "medium";
58
- readonly paddingLeft: "none" | "medium";
59
- readonly paddingRight: "none" | "medium";
58
+ readonly paddingLeft: "medium" | "none";
59
+ readonly paddingRight: "medium" | "none";
60
60
  readonly width: "full";
61
61
  }, any];
62
62
  export {};
package/dist/spark-web-text-input.cjs.dev.js CHANGED
@@ -7,7 +7,7 @@ var box = require('@spark-web/box');
7
7
  var field = require('@spark-web/field');
8
8
  var theme = require('@spark-web/theme');
9
9
  var react = require('react');
10
- var jsxRuntime = require('react/jsx-runtime');
10
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
11
11
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
12
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
13
13
  var react$1 = require('@emotion/react');
@@ -58,10 +58,10 @@ var InputAdornment = function InputAdornment(_ref) {
58
58
  paddingRight = _placementToPadding$p.paddingRight;
59
59
  var content = children;
60
60
  if (!raw) {
61
- content = /*#__PURE__*/jsxRuntime.jsx(box.Box, {
61
+ content = jsxRuntime.jsx(box.Box, {
62
62
  paddingLeft: paddingLeft,
63
63
  paddingRight: paddingRight,
64
- children: /*#__PURE__*/jsxRuntime.jsx(box.Box, {
64
+ children: jsxRuntime.jsx(box.Box, {
65
65
  display: "flex",
66
66
  alignItems: "center",
67
67
  justifyContent: "center",
@@ -72,12 +72,12 @@ var InputAdornment = function InputAdornment(_ref) {
72
72
  })
73
73
  });
74
74
  }
75
- var wrappedContent = /*#__PURE__*/jsxRuntime.jsx(InputAdornmentContext.Provider, {
75
+ var wrappedContent = jsxRuntime.jsx(InputAdornmentContext.Provider, {
76
76
  value: adornmentContext,
77
77
  children: content
78
78
  });
79
79
  if (fieldLabel) {
80
- return /*#__PURE__*/jsxRuntime.jsx(FieldAdornment, {
80
+ return jsxRuntime.jsx(FieldAdornment, {
81
81
  fieldLabel: fieldLabel,
82
82
  children: wrappedContent
83
83
  });
@@ -98,7 +98,7 @@ var FieldAdornment = function FieldAdornment(_ref2) {
98
98
  accessibilityLabel: fieldLabel
99
99
  });
100
100
  }, [fieldLabel, parentFieldContext]);
101
- return /*#__PURE__*/jsxRuntime.jsx(field.FieldContextProvider, {
101
+ return jsxRuntime.jsx(field.FieldContextProvider, {
102
102
  value: fieldContext,
103
103
  children: children
104
104
  });
@@ -115,19 +115,19 @@ var InputContainer = function InputContainer(_ref) {
115
115
  _useFieldContext2$ = _useFieldContext2[0],
116
116
  disabled = _useFieldContext2$.disabled,
117
117
  invalid = _useFieldContext2$.invalid;
118
- return /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
118
+ return jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
119
119
  borderRadius: "small",
120
120
  position: "relative",
121
121
  background: disabled ? 'inputDisabled' : 'input'
122
122
  }, boxProps), {}, {
123
- children: [startAdornment, children, /*#__PURE__*/jsxRuntime.jsx(FocusIndicator, {
123
+ children: [startAdornment, children, jsxRuntime.jsx(FocusIndicator, {
124
124
  invalid: invalid
125
125
  }), endAdornment]
126
126
  }));
127
127
  };
128
128
  var FocusIndicator = function FocusIndicator(_ref2) {
129
129
  var invalid = _ref2.invalid;
130
- return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
130
+ return jsxRuntime.jsx(box.Box, {
131
131
  "aria-hidden": "true",
132
132
  as: "span",
133
133
  data: {
@@ -204,12 +204,12 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
204
204
  _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
205
205
  boxProps = _useInputStyles2[0],
206
206
  inputStyles = _useInputStyles2[1];
207
- return /*#__PURE__*/jsxRuntime.jsx(InputContainer, {
207
+ return jsxRuntime.jsx(InputContainer, {
208
208
  display: "inline-flex",
209
209
  alignItems: "center",
210
210
  startAdornment: startAdornment,
211
211
  endAdornment: endAdornment,
212
- children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
212
+ children: jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
213
213
  as: "input",
214
214
  css: react$1.css(inputStyles),
215
215
  data: data,
package/dist/spark-web-text-input.cjs.prod.js CHANGED
@@ -7,7 +7,7 @@ var box = require('@spark-web/box');
7
7
  var field = require('@spark-web/field');
8
8
  var theme = require('@spark-web/theme');
9
9
  var react = require('react');
10
- var jsxRuntime = require('react/jsx-runtime');
10
+ var jsxRuntime = require('@emotion/react/jsx-runtime');
11
11
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
12
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
13
13
  var react$1 = require('@emotion/react');
@@ -58,10 +58,10 @@ var InputAdornment = function InputAdornment(_ref) {
58
58
  paddingRight = _placementToPadding$p.paddingRight;
59
59
  var content = children;
60
60
  if (!raw) {
61
- content = /*#__PURE__*/jsxRuntime.jsx(box.Box, {
61
+ content = jsxRuntime.jsx(box.Box, {
62
62
  paddingLeft: paddingLeft,
63
63
  paddingRight: paddingRight,
64
- children: /*#__PURE__*/jsxRuntime.jsx(box.Box, {
64
+ children: jsxRuntime.jsx(box.Box, {
65
65
  display: "flex",
66
66
  alignItems: "center",
67
67
  justifyContent: "center",
@@ -72,12 +72,12 @@ var InputAdornment = function InputAdornment(_ref) {
72
72
  })
73
73
  });
74
74
  }
75
- var wrappedContent = /*#__PURE__*/jsxRuntime.jsx(InputAdornmentContext.Provider, {
75
+ var wrappedContent = jsxRuntime.jsx(InputAdornmentContext.Provider, {
76
76
  value: adornmentContext,
77
77
  children: content
78
78
  });
79
79
  if (fieldLabel) {
80
- return /*#__PURE__*/jsxRuntime.jsx(FieldAdornment, {
80
+ return jsxRuntime.jsx(FieldAdornment, {
81
81
  fieldLabel: fieldLabel,
82
82
  children: wrappedContent
83
83
  });
@@ -98,7 +98,7 @@ var FieldAdornment = function FieldAdornment(_ref2) {
98
98
  accessibilityLabel: fieldLabel
99
99
  });
100
100
  }, [fieldLabel, parentFieldContext]);
101
- return /*#__PURE__*/jsxRuntime.jsx(field.FieldContextProvider, {
101
+ return jsxRuntime.jsx(field.FieldContextProvider, {
102
102
  value: fieldContext,
103
103
  children: children
104
104
  });
@@ -115,19 +115,19 @@ var InputContainer = function InputContainer(_ref) {
115
115
  _useFieldContext2$ = _useFieldContext2[0],
116
116
  disabled = _useFieldContext2$.disabled,
117
117
  invalid = _useFieldContext2$.invalid;
118
- return /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
118
+ return jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
119
119
  borderRadius: "small",
120
120
  position: "relative",
121
121
  background: disabled ? 'inputDisabled' : 'input'
122
122
  }, boxProps), {}, {
123
- children: [startAdornment, children, /*#__PURE__*/jsxRuntime.jsx(FocusIndicator, {
123
+ children: [startAdornment, children, jsxRuntime.jsx(FocusIndicator, {
124
124
  invalid: invalid
125
125
  }), endAdornment]
126
126
  }));
127
127
  };
128
128
  var FocusIndicator = function FocusIndicator(_ref2) {
129
129
  var invalid = _ref2.invalid;
130
- return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
130
+ return jsxRuntime.jsx(box.Box, {
131
131
  "aria-hidden": "true",
132
132
  as: "span",
133
133
  data: {
@@ -204,12 +204,12 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
204
204
  _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
205
205
  boxProps = _useInputStyles2[0],
206
206
  inputStyles = _useInputStyles2[1];
207
- return /*#__PURE__*/jsxRuntime.jsx(InputContainer, {
207
+ return jsxRuntime.jsx(InputContainer, {
208
208
  display: "inline-flex",
209
209
  alignItems: "center",
210
210
  startAdornment: startAdornment,
211
211
  endAdornment: endAdornment,
212
- children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
212
+ children: jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
213
213
  as: "input",
214
214
  css: react$1.css(inputStyles),
215
215
  data: data,
package/dist/spark-web-text-input.esm.js CHANGED
@@ -3,7 +3,7 @@ import { Box } from '@spark-web/box';
3
3
  import { useFieldContext, FieldContextProvider } from '@spark-web/field';
4
4
  import { useTheme } from '@spark-web/theme';
5
5
  import { useMemo, createContext, Children, isValidElement, forwardRef } from 'react';
6
- import { jsx, jsxs } from 'react/jsx-runtime';
6
+ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
7
7
  import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
8
8
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
9
  import { css } from '@emotion/react';
@@ -54,10 +54,10 @@ var InputAdornment = function InputAdornment(_ref) {
54
54
  paddingRight = _placementToPadding$p.paddingRight;
55
55
  var content = children;
56
56
  if (!raw) {
57
- content = /*#__PURE__*/jsx(Box, {
57
+ content = jsx(Box, {
58
58
  paddingLeft: paddingLeft,
59
59
  paddingRight: paddingRight,
60
- children: /*#__PURE__*/jsx(Box, {
60
+ children: jsx(Box, {
61
61
  display: "flex",
62
62
  alignItems: "center",
63
63
  justifyContent: "center",
@@ -68,12 +68,12 @@ var InputAdornment = function InputAdornment(_ref) {
68
68
  })
69
69
  });
70
70
  }
71
- var wrappedContent = /*#__PURE__*/jsx(InputAdornmentContext.Provider, {
71
+ var wrappedContent = jsx(InputAdornmentContext.Provider, {
72
72
  value: adornmentContext,
73
73
  children: content
74
74
  });
75
75
  if (fieldLabel) {
76
- return /*#__PURE__*/jsx(FieldAdornment, {
76
+ return jsx(FieldAdornment, {
77
77
  fieldLabel: fieldLabel,
78
78
  children: wrappedContent
79
79
  });
@@ -94,7 +94,7 @@ var FieldAdornment = function FieldAdornment(_ref2) {
94
94
  accessibilityLabel: fieldLabel
95
95
  });
96
96
  }, [fieldLabel, parentFieldContext]);
97
- return /*#__PURE__*/jsx(FieldContextProvider, {
97
+ return jsx(FieldContextProvider, {
98
98
  value: fieldContext,
99
99
  children: children
100
100
  });
@@ -111,19 +111,19 @@ var InputContainer = function InputContainer(_ref) {
111
111
  _useFieldContext2$ = _useFieldContext2[0],
112
112
  disabled = _useFieldContext2$.disabled,
113
113
  invalid = _useFieldContext2$.invalid;
114
- return /*#__PURE__*/jsxs(Box, _objectSpread(_objectSpread({
114
+ return jsxs(Box, _objectSpread(_objectSpread({
115
115
  borderRadius: "small",
116
116
  position: "relative",
117
117
  background: disabled ? 'inputDisabled' : 'input'
118
118
  }, boxProps), {}, {
119
- children: [startAdornment, children, /*#__PURE__*/jsx(FocusIndicator, {
119
+ children: [startAdornment, children, jsx(FocusIndicator, {
120
120
  invalid: invalid
121
121
  }), endAdornment]
122
122
  }));
123
123
  };
124
124
  var FocusIndicator = function FocusIndicator(_ref2) {
125
125
  var invalid = _ref2.invalid;
126
- return /*#__PURE__*/jsx(Box, {
126
+ return jsx(Box, {
127
127
  "aria-hidden": "true",
128
128
  as: "span",
129
129
  data: {
@@ -200,12 +200,12 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
200
200
  _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
201
201
  boxProps = _useInputStyles2[0],
202
202
  inputStyles = _useInputStyles2[1];
203
- return /*#__PURE__*/jsx(InputContainer, {
203
+ return jsx(InputContainer, {
204
204
  display: "inline-flex",
205
205
  alignItems: "center",
206
206
  startAdornment: startAdornment,
207
207
  endAdornment: endAdornment,
208
- children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
208
+ children: jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
209
209
  as: "input",
210
210
  css: css(inputStyles),
211
211
  data: data,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/text-input",
3
- "version": "4.0.0-rc.1",
3
+ "version": "4.0.0-rc.2",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,19 +17,19 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.25.0",
19
19
  "@emotion/react": "^11.13.5",
20
- "@spark-web/a11y": "^2.0.0-rc.1",
21
- "@spark-web/box": "^2.0.0-rc.1",
22
- "@spark-web/text": "^2.0.0-rc.1",
23
- "@spark-web/theme": "^4.0.0-rc.1",
24
- "@spark-web/utils": "^2.0.0-rc.1"
20
+ "@spark-web/a11y": "^2.0.0-rc.2",
21
+ "@spark-web/box": "^2.0.0-rc.2",
22
+ "@spark-web/text": "^2.0.0-rc.2",
23
+ "@spark-web/theme": "^4.0.0-rc.2",
24
+ "@spark-web/utils": "^2.0.0-rc.2"
25
25
  },
26
26
  "devDependencies": {
27
- "@spark-web/field": "^4.0.0-rc.1",
27
+ "@spark-web/field": "^4.0.0-rc.2",
28
28
  "@types/react": "^18.2.0",
29
29
  "react": "^18.2.0"
30
30
  },
31
31
  "peerDependencies": {
32
- "@spark-web/field": "^4.0.0-rc.1",
32
+ "@spark-web/field": "^4.0.0-rc.2",
33
33
  "react": ">=17.0.2"
34
34
  },
35
35
  "engines": {