@spark-web/text-input 3.0.0 → 4.0.0-rc.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.
@@ -1 +1,2 @@
1
1
  export * from "./declarations/src/index";
2
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLXRleHQtaW5wdXQuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9
@@ -10,7 +10,7 @@ var react = require('react');
10
10
  var jsxRuntime = require('react/jsx-runtime');
11
11
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
12
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
13
- var css = require('@emotion/css');
13
+ var react$1 = require('@emotion/react');
14
14
  var a11y = require('@spark-web/a11y');
15
15
  var text = require('@spark-web/text');
16
16
 
@@ -143,12 +143,14 @@ var FocusIndicator = function FocusIndicator(_ref2) {
143
143
  right: 0,
144
144
  top: 0,
145
145
  shadow: "small",
146
- className: css.css({
146
+ css: react$1.css({
147
147
  pointerEvents: 'none'
148
148
  })
149
149
  });
150
150
  };
151
151
 
152
+ // NOTE: `null | undefined` allow consumers to conditionally render adornments
153
+
152
154
  /**
153
155
  * Map children for placement within the `TextInput` flex container. Ensures that
154
156
  * placeholders are provided for unused placements.
@@ -209,7 +211,7 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
209
211
  endAdornment: endAdornment,
210
212
  children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
211
213
  as: "input",
212
- className: css.css(inputStyles),
214
+ css: react$1.css(inputStyles),
213
215
  data: data,
214
216
  disabled: disabled,
215
217
  ref: forwardedRef
@@ -10,7 +10,7 @@ var react = require('react');
10
10
  var jsxRuntime = require('react/jsx-runtime');
11
11
  var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
12
12
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
13
- var css = require('@emotion/css');
13
+ var react$1 = require('@emotion/react');
14
14
  var a11y = require('@spark-web/a11y');
15
15
  var text = require('@spark-web/text');
16
16
 
@@ -143,12 +143,14 @@ var FocusIndicator = function FocusIndicator(_ref2) {
143
143
  right: 0,
144
144
  top: 0,
145
145
  shadow: "small",
146
- className: css.css({
146
+ css: react$1.css({
147
147
  pointerEvents: 'none'
148
148
  })
149
149
  });
150
150
  };
151
151
 
152
+ // NOTE: `null | undefined` allow consumers to conditionally render adornments
153
+
152
154
  /**
153
155
  * Map children for placement within the `TextInput` flex container. Ensures that
154
156
  * placeholders are provided for unused placements.
@@ -209,7 +211,7 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
209
211
  endAdornment: endAdornment,
210
212
  children: /*#__PURE__*/jsxRuntime.jsx(box.Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
211
213
  as: "input",
212
- className: css.css(inputStyles),
214
+ css: react$1.css(inputStyles),
213
215
  data: data,
214
216
  disabled: disabled,
215
217
  ref: forwardedRef
@@ -6,7 +6,7 @@ import { useMemo, createContext, Children, isValidElement, forwardRef } from 're
6
6
  import { jsx, jsxs } from 'react/jsx-runtime';
7
7
  import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
8
8
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
9
- import { css } from '@emotion/css';
9
+ import { css } from '@emotion/react';
10
10
  import { useFocusRing } from '@spark-web/a11y';
11
11
  import { useOverflowStrategy, useText } from '@spark-web/text';
12
12
 
@@ -139,12 +139,14 @@ var FocusIndicator = function FocusIndicator(_ref2) {
139
139
  right: 0,
140
140
  top: 0,
141
141
  shadow: "small",
142
- className: css({
142
+ css: css({
143
143
  pointerEvents: 'none'
144
144
  })
145
145
  });
146
146
  };
147
147
 
148
+ // NOTE: `null | undefined` allow consumers to conditionally render adornments
149
+
148
150
  /**
149
151
  * Map children for placement within the `TextInput` flex container. Ensures that
150
152
  * placeholders are provided for unused placements.
@@ -205,7 +207,7 @@ var TextInput = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
205
207
  endAdornment: endAdornment,
206
208
  children: /*#__PURE__*/jsx(Box, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, boxProps), consumerProps), a11yProps), {}, {
207
209
  as: "input",
208
- className: css(inputStyles),
210
+ css: css(inputStyles),
209
211
  data: data,
210
212
  disabled: disabled,
211
213
  ref: forwardedRef
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/text-input",
3
- "version": "3.0.0",
3
+ "version": "4.0.0-rc.1",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -15,21 +15,21 @@
15
15
  "README.md"
16
16
  ],
17
17
  "dependencies": {
18
- "@babel/runtime": "^7.19.0",
19
- "@emotion/css": "^11.9.0",
20
- "@spark-web/a11y": "^1.4.0",
21
- "@spark-web/box": "^1.2.0",
22
- "@spark-web/text": "^1.2.0",
23
- "@spark-web/theme": "^3.2.0",
24
- "@spark-web/utils": "^1.3.0"
18
+ "@babel/runtime": "^7.25.0",
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"
25
25
  },
26
26
  "devDependencies": {
27
- "@spark-web/field": "^3.1.0",
27
+ "@spark-web/field": "^4.0.0-rc.1",
28
28
  "@types/react": "^18.2.0",
29
29
  "react": "^18.2.0"
30
30
  },
31
31
  "peerDependencies": {
32
- "@spark-web/field": "^3.1.0",
32
+ "@spark-web/field": "^4.0.0-rc.1",
33
33
  "react": ">=17.0.2"
34
34
  },
35
35
  "engines": {