@spark-web/text-input 2.0.0 → 2.0.3

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/README.md +1 -0
  2. package/dist/declarations/src/TextInput.d.ts +6 -3
  3. package/dist/spark-web-text-input.cjs.dev.js +1 -1
  4. package/dist/spark-web-text-input.cjs.prod.js +1 -1
  5. package/dist/spark-web-text-input.esm.js +1 -1
  6. package/package.json +10 -10
package/README.md CHANGED
@@ -1,6 +1,7 @@
1
1
  ---
2
2
  title: Text Input
3
3
  storybookPath: forms-textinput--default
4
+ isExperimentalPackage: false
4
5
  ---
5
6
 
6
7
  Text input provides a way for inputting text. The component must be nested
package/dist/declarations/src/TextInput.d.ts CHANGED
@@ -73,7 +73,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
73
73
  readonly ':focus': {
74
74
  readonly outline: "none";
75
75
  };
76
- readonly ':invalid': {
76
+ readonly '&[aria-invalid=true]': {
77
77
  readonly color: string;
78
78
  };
79
79
  readonly accentColor?: import("csstype").Property.AccentColor | import("csstype").Property.AccentColor[] | undefined;
@@ -962,6 +962,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
962
962
  readonly ":hover"?: import("@emotion/serialize").CSSObject | undefined;
963
963
  readonly ":in-range"?: import("@emotion/serialize").CSSObject | undefined;
964
964
  readonly ":indeterminate"?: import("@emotion/serialize").CSSObject | undefined;
965
+ readonly ":invalid"?: import("@emotion/serialize").CSSObject | undefined;
965
966
  readonly ":last-child"?: import("@emotion/serialize").CSSObject | undefined;
966
967
  readonly ":last-of-type"?: import("@emotion/serialize").CSSObject | undefined;
967
968
  readonly ":left"?: import("@emotion/serialize").CSSObject | undefined;
@@ -1005,7 +1006,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1005
1006
  readonly ':focus': {
1006
1007
  readonly outline: "none";
1007
1008
  };
1008
- readonly ':invalid': {
1009
+ readonly '&[aria-invalid=true]': {
1009
1010
  readonly color: string;
1010
1011
  };
1011
1012
  readonly whiteSpace: "nowrap";
@@ -1894,6 +1895,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1894
1895
  readonly ":hover"?: import("@emotion/serialize").CSSObject | undefined;
1895
1896
  readonly ":in-range"?: import("@emotion/serialize").CSSObject | undefined;
1896
1897
  readonly ":indeterminate"?: import("@emotion/serialize").CSSObject | undefined;
1898
+ readonly ":invalid"?: import("@emotion/serialize").CSSObject | undefined;
1897
1899
  readonly ":last-child"?: import("@emotion/serialize").CSSObject | undefined;
1898
1900
  readonly ":last-of-type"?: import("@emotion/serialize").CSSObject | undefined;
1899
1901
  readonly ":left"?: import("@emotion/serialize").CSSObject | undefined;
@@ -1937,7 +1939,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1937
1939
  readonly ':focus': {
1938
1940
  readonly outline: "none";
1939
1941
  };
1940
- readonly ':invalid': {
1942
+ readonly '&[aria-invalid=true]': {
1941
1943
  readonly color: string;
1942
1944
  };
1943
1945
  readonly display: "block";
@@ -2826,6 +2828,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2826
2828
  readonly ":hover"?: import("@emotion/serialize").CSSObject | undefined;
2827
2829
  readonly ":in-range"?: import("@emotion/serialize").CSSObject | undefined;
2828
2830
  readonly ":indeterminate"?: import("@emotion/serialize").CSSObject | undefined;
2831
+ readonly ":invalid"?: import("@emotion/serialize").CSSObject | undefined;
2829
2832
  readonly ":last-child"?: import("@emotion/serialize").CSSObject | undefined;
2830
2833
  readonly ":last-of-type"?: import("@emotion/serialize").CSSObject | undefined;
2831
2834
  readonly ":left"?: import("@emotion/serialize").CSSObject | undefined;
package/dist/spark-web-text-input.cjs.dev.js CHANGED
@@ -276,7 +276,7 @@ var useInputStyles = function useInputStyles(_ref2) {
276
276
  ':focus': {
277
277
  outline: 'none'
278
278
  },
279
- ':invalid': {
279
+ '&[aria-invalid=true]': {
280
280
  color: theme$1.color.foreground.muted
281
281
  }
282
282
  })];
package/dist/spark-web-text-input.cjs.prod.js CHANGED
@@ -276,7 +276,7 @@ var useInputStyles = function useInputStyles(_ref2) {
276
276
  ':focus': {
277
277
  outline: 'none'
278
278
  },
279
- ':invalid': {
279
+ '&[aria-invalid=true]': {
280
280
  color: theme$1.color.foreground.muted
281
281
  }
282
282
  })];
package/dist/spark-web-text-input.esm.js CHANGED
@@ -272,7 +272,7 @@ var useInputStyles = function useInputStyles(_ref2) {
272
272
  ':focus': {
273
273
  outline: 'none'
274
274
  },
275
- ':invalid': {
275
+ '&[aria-invalid=true]': {
276
276
  color: theme.color.foreground.muted
277
277
  }
278
278
  })];
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/text-input",
3
- "version": "2.0.0",
3
+ "version": "2.0.3",
4
4
  "license": "MIT",
5
5
  "main": "dist/spark-web-text-input.cjs.js",
6
6
  "module": "dist/spark-web-text-input.esm.js",
@@ -8,24 +8,24 @@
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@babel/runtime": "^7.18.3",
11
+ "@babel/runtime": "^7.18.9",
12
12
  "@emotion/css": "^11.9.0",
13
- "@spark-web/a11y": "^1.1.0",
14
- "@spark-web/box": "^1.0.6",
15
- "@spark-web/text": "^1.0.6",
16
- "@spark-web/theme": "^3.0.2",
17
- "@spark-web/utils": "^1.1.5"
13
+ "@spark-web/a11y": "^1.3.1",
14
+ "@spark-web/box": "^1.0.9",
15
+ "@spark-web/text": "^1.1.1",
16
+ "@spark-web/theme": "^3.0.6",
17
+ "@spark-web/utils": "^1.2.2"
18
18
  },
19
19
  "devDependencies": {
20
- "@spark-web/field": "^3.0.1",
20
+ "@spark-web/field": "^3.0.5",
21
21
  "@types/react": "^17.0.12",
22
22
  "react": "^17.0.2"
23
23
  },
24
24
  "peerDependencies": {
25
- "@spark-web/field": "^3.0.1",
25
+ "@spark-web/field": "^3.0.5",
26
26
  "react": ">=17.0.2"
27
27
  },
28
28
  "engines": {
29
- "node": ">= 14.13"
29
+ "node": ">=14"
30
30
  }
31
31
  }