@spark-web/text-input 2.0.3 → 3.0.0

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 (11) hide show
  1. package/CHANGELOG.md +331 -0
  2. package/README.md +2 -15
  3. package/dist/declarations/src/{childrenToAdornments.d.ts → children-to-adornments.d.ts} +1 -1
  4. package/dist/declarations/src/index.d.ts +6 -6
  5. package/dist/declarations/src/{InputContainer.d.ts → input-container.d.ts} +1 -1
  6. package/dist/declarations/src/{TextInput.d.ts → text-input.d.ts} +23 -25
  7. package/dist/spark-web-text-input.cjs.dev.js +41 -61
  8. package/dist/spark-web-text-input.cjs.prod.js +41 -61
  9. package/dist/spark-web-text-input.esm.js +41 -61
  10. package/package.json +20 -13
  11. /package/dist/declarations/src/{InputAdornment.d.ts → input-adornment.d.ts} +0 -0
package/dist/declarations/src/{TextInput.d.ts → text-input.d.ts} RENAMED
@@ -1,18 +1,19 @@
1
1
  import type { FieldState } from '@spark-web/field';
2
2
  import type { DataAttributeMap } from '@spark-web/utils/internal';
3
3
  import type { InputHTMLAttributes } from 'react';
4
- import type { AdornmentsAsChildren } from './childrenToAdornments';
4
+ import type { AdornmentsAsChildren } from './children-to-adornments';
5
5
  declare type ValidTypes = 'text' | 'password' | 'email' | 'search' | 'number' | 'tel' | 'url';
6
6
  declare type ValidModes = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
7
7
  declare type NativeInputProps = Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'onBlur' | 'onChange' | 'onFocus' | 'placeholder' | 'value' | 'required'>;
8
8
  export declare type TextInputProps = {
9
- /** Map of data attributes. */
9
+ /** Sets data attributes for the element. */
10
10
  data?: DataAttributeMap;
11
11
  /**
12
12
  * How an input behaves varies considerably depending on the value of its type
13
13
  * attribute. If this attribute is not specified, the default type "text".
14
14
  */
15
15
  type?: ValidTypes;
16
+ /** Sets the input mode attribute for the component. */
16
17
  inputMode?: ValidModes;
17
18
  /**
18
19
  * Adorn the input with ornamental element(s) to aid user input, or
@@ -24,13 +25,14 @@ export declare type TextInputProps = {
24
25
  } & NativeInputProps;
25
26
  /** Organize and emphasize information quickly and effectively in a list of text elements. */
26
27
  export declare const TextInput: import("react").ForwardRefExoticComponent<{
27
- /** Map of data attributes. */
28
+ /** Sets data attributes for the element. */
28
29
  data?: DataAttributeMap | undefined;
29
30
  /**
30
31
  * How an input behaves varies considerably depending on the value of its type
31
32
  * attribute. If this attribute is not specified, the default type "text".
32
33
  */
33
34
  type?: ValidTypes | undefined;
35
+ /** Sets the input mode attribute for the component. */
34
36
  inputMode?: ValidModes | undefined;
35
37
  /**
36
38
  * Adorn the input with ornamental element(s) to aid user input, or
@@ -55,7 +57,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
55
57
  readonly height: "medium";
56
58
  readonly paddingLeft: "none" | "medium";
57
59
  readonly paddingRight: "none" | "medium";
58
- readonly shadow: "small";
59
60
  readonly width: "full";
60
61
  }, {
61
62
  readonly ':enabled': {
@@ -81,6 +82,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
81
82
  readonly alignItems?: import("csstype").Property.AlignItems | import("csstype").Property.AlignItems[] | undefined;
82
83
  readonly alignSelf?: import("csstype").Property.AlignSelf | import("csstype").Property.AlignSelf[] | undefined;
83
84
  readonly alignTracks?: import("csstype").Property.AlignTracks | import("csstype").Property.AlignTracks[] | undefined;
85
+ readonly animationComposition?: import("csstype").Property.AnimationComposition | import("csstype").Property.AnimationComposition[] | undefined;
84
86
  readonly animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
85
87
  readonly animationDirection?: import("csstype").Property.AnimationDirection | import("csstype").Property.AnimationDirection[] | undefined;
86
88
  readonly animationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("csstype").Property.AnimationDuration<string & {}>[] | undefined;
@@ -276,6 +278,8 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
276
278
  readonly maskRepeat?: import("csstype").Property.MaskRepeat | import("csstype").Property.MaskRepeat[] | undefined;
277
279
  readonly maskSize?: string | number | import("csstype").Property.MaskSize<string | number>[] | undefined;
278
280
  readonly maskType?: import("csstype").Property.MaskType | import("csstype").Property.MaskType[] | undefined;
281
+ readonly mathDepth?: import("csstype").Property.MathDepth | import("csstype").Property.MathDepth[] | undefined;
282
+ readonly mathShift?: import("csstype").Property.MathShift | import("csstype").Property.MathShift[] | undefined;
279
283
  readonly mathStyle?: import("csstype").Property.MathStyle | import("csstype").Property.MathStyle[] | undefined;
280
284
  readonly maxBlockSize?: string | number | import("csstype").Property.MaxBlockSize<string | number>[] | undefined;
281
285
  readonly maxHeight?: string | number | import("csstype").Property.MaxHeight<string | number>[] | undefined;
@@ -393,7 +397,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
393
397
  readonly textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | import("csstype").Property.TextDecorationSkipInk[] | undefined;
394
398
  readonly textDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("csstype").Property.TextDecorationStyle[] | undefined;
395
399
  readonly textDecorationThickness?: string | number | import("csstype").Property.TextDecorationThickness<string | number>[] | undefined;
396
- readonly textDecorationWidth?: string | number | import("csstype").Property.TextDecorationThickness<string | number>[] | undefined;
397
400
  readonly textEmphasisColor?: import("csstype").Property.TextEmphasisColor | import("csstype").Property.TextEmphasisColor[] | undefined;
398
401
  readonly textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | import("csstype").Property.TextEmphasisPosition[] | undefined;
399
402
  readonly textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | import("csstype").Property.TextEmphasisStyle[] | undefined;
@@ -501,7 +504,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
501
504
  readonly MozBoxSizing?: import("csstype").Property.BoxSizing | import("csstype").Property.BoxSizing[] | undefined;
502
505
  readonly MozColumnCount?: import("csstype").Property.ColumnCount | import("csstype").Property.ColumnCount[] | undefined;
503
506
  readonly MozColumnFill?: import("csstype").Property.ColumnFill | import("csstype").Property.ColumnFill[] | undefined;
504
- readonly MozColumnGap?: string | number | import("csstype").Property.ColumnGap<string | number>[] | undefined;
505
507
  readonly MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("csstype").Property.ColumnRuleColor[] | undefined;
506
508
  readonly MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("csstype").Property.ColumnRuleStyle[] | undefined;
507
509
  readonly MozColumnRuleWidth?: string | number | import("csstype").Property.ColumnRuleWidth<string | number>[] | undefined;
@@ -535,7 +537,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
535
537
  readonly MozWindowDragging?: import("csstype").Property.MozWindowDragging | import("csstype").Property.MozWindowDragging[] | undefined;
536
538
  readonly MozWindowShadow?: import("csstype").Property.MozWindowShadow | import("csstype").Property.MozWindowShadow[] | undefined;
537
539
  readonly msAccelerator?: import("csstype").Property.MsAccelerator | import("csstype").Property.MsAccelerator[] | undefined;
538
- readonly msAlignSelf?: import("csstype").Property.AlignSelf | import("csstype").Property.AlignSelf[] | undefined;
539
540
  readonly msBlockProgression?: import("csstype").Property.MsBlockProgression | import("csstype").Property.MsBlockProgression[] | undefined;
540
541
  readonly msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining | import("csstype").Property.MsContentZoomChaining[] | undefined;
541
542
  readonly msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax | import("csstype").Property.MsContentZoomLimitMax[] | undefined;
@@ -556,7 +557,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
556
557
  readonly msHyphenateLimitZone?: string | number | import("csstype").Property.MsHyphenateLimitZone<string | number>[] | undefined;
557
558
  readonly msHyphens?: import("csstype").Property.Hyphens | import("csstype").Property.Hyphens[] | undefined;
558
559
  readonly msImeAlign?: import("csstype").Property.MsImeAlign | import("csstype").Property.MsImeAlign[] | undefined;
559
- readonly msJustifySelf?: import("csstype").Property.JustifySelf | import("csstype").Property.JustifySelf[] | undefined;
560
560
  readonly msLineBreak?: import("csstype").Property.LineBreak | import("csstype").Property.LineBreak[] | undefined;
561
561
  readonly msOrder?: import("csstype").Property.Order | import("csstype").Property.Order[] | undefined;
562
562
  readonly msOverflowStyle?: import("csstype").Property.MsOverflowStyle | import("csstype").Property.MsOverflowStyle[] | undefined;
@@ -579,6 +579,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
579
579
  readonly msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor | import("csstype").Property.MsScrollbarFaceColor[] | undefined;
580
580
  readonly msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor | import("csstype").Property.MsScrollbarHighlightColor[] | undefined;
581
581
  readonly msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor | import("csstype").Property.MsScrollbarShadowColor[] | undefined;
582
+ readonly msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
582
583
  readonly msTextAutospace?: import("csstype").Property.MsTextAutospace | import("csstype").Property.MsTextAutospace[] | undefined;
583
584
  readonly msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright | import("csstype").Property.TextCombineUpright[] | undefined;
584
585
  readonly msTextOverflow?: import("csstype").Property.TextOverflow | import("csstype").Property.TextOverflow[] | undefined;
@@ -628,7 +629,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
628
629
  readonly WebkitClipPath?: import("csstype").Property.ClipPath | import("csstype").Property.ClipPath[] | undefined;
629
630
  readonly WebkitColumnCount?: import("csstype").Property.ColumnCount | import("csstype").Property.ColumnCount[] | undefined;
630
631
  readonly WebkitColumnFill?: import("csstype").Property.ColumnFill | import("csstype").Property.ColumnFill[] | undefined;
631
- readonly WebkitColumnGap?: string | number | import("csstype").Property.ColumnGap<string | number>[] | undefined;
632
632
  readonly WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("csstype").Property.ColumnRuleColor[] | undefined;
633
633
  readonly WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("csstype").Property.ColumnRuleStyle[] | undefined;
634
634
  readonly WebkitColumnRuleWidth?: string | number | import("csstype").Property.ColumnRuleWidth<string | number>[] | undefined;
@@ -757,7 +757,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
757
757
  readonly scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | import("csstype").Property.ScrollSnapPointsY[] | undefined;
758
758
  readonly scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | import("csstype").Property.ScrollSnapTypeX[] | undefined;
759
759
  readonly scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY | import("csstype").Property.ScrollSnapTypeY[] | undefined;
760
- readonly scrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
761
760
  readonly KhtmlBoxAlign?: import("csstype").Property.BoxAlign | import("csstype").Property.BoxAlign[] | undefined;
762
761
  readonly KhtmlBoxDirection?: import("csstype").Property.BoxDirection | import("csstype").Property.BoxDirection[] | undefined;
763
762
  readonly KhtmlBoxFlex?: import("csstype").Property.BoxFlex | import("csstype").Property.BoxFlex[] | undefined;
@@ -804,7 +803,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
804
803
  readonly MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("csstype").Property.TextDecorationStyle[] | undefined;
805
804
  readonly MozUserInput?: import("csstype").Property.MozUserInput | import("csstype").Property.MozUserInput[] | undefined;
806
805
  readonly msImeMode?: import("csstype").Property.ImeMode | import("csstype").Property.ImeMode[] | undefined;
807
- readonly msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
808
806
  readonly OAnimation?: import("csstype").Property.Animation<string & {}> | import("csstype").Property.Animation<string & {}>[] | undefined;
809
807
  readonly OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
810
808
  readonly OAnimationDirection?: import("csstype").Property.AnimationDirection | import("csstype").Property.AnimationDirection[] | undefined;
@@ -910,6 +908,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
910
908
  readonly "::-ms-browse"?: import("@emotion/serialize").CSSObject | undefined;
911
909
  readonly "::-ms-check"?: import("@emotion/serialize").CSSObject | undefined;
912
910
  readonly "::-ms-clear"?: import("@emotion/serialize").CSSObject | undefined;
911
+ readonly "::-ms-expand"?: import("@emotion/serialize").CSSObject | undefined;
913
912
  readonly "::-ms-fill"?: import("@emotion/serialize").CSSObject | undefined;
914
913
  readonly "::-ms-fill-lower"?: import("@emotion/serialize").CSSObject | undefined;
915
914
  readonly "::-ms-fill-upper"?: import("@emotion/serialize").CSSObject | undefined;
@@ -978,6 +977,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
978
977
  readonly ":paused"?: import("@emotion/serialize").CSSObject | undefined;
979
978
  readonly ":picture-in-picture"?: import("@emotion/serialize").CSSObject | undefined;
980
979
  readonly ":placeholder-shown"?: import("@emotion/serialize").CSSObject | undefined;
980
+ readonly ":playing"?: import("@emotion/serialize").CSSObject | undefined;
981
981
  readonly ":read-only"?: import("@emotion/serialize").CSSObject | undefined;
982
982
  readonly ":read-write"?: import("@emotion/serialize").CSSObject | undefined;
983
983
  readonly ":required"?: import("@emotion/serialize").CSSObject | undefined;
@@ -1015,6 +1015,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1015
1015
  readonly alignItems?: import("csstype").Property.AlignItems | import("csstype").Property.AlignItems[] | undefined;
1016
1016
  readonly alignSelf?: import("csstype").Property.AlignSelf | import("csstype").Property.AlignSelf[] | undefined;
1017
1017
  readonly alignTracks?: import("csstype").Property.AlignTracks | import("csstype").Property.AlignTracks[] | undefined;
1018
+ readonly animationComposition?: import("csstype").Property.AnimationComposition | import("csstype").Property.AnimationComposition[] | undefined;
1018
1019
  readonly animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
1019
1020
  readonly animationDirection?: import("csstype").Property.AnimationDirection | import("csstype").Property.AnimationDirection[] | undefined;
1020
1021
  readonly animationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("csstype").Property.AnimationDuration<string & {}>[] | undefined;
@@ -1210,6 +1211,8 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1210
1211
  readonly maskRepeat?: import("csstype").Property.MaskRepeat | import("csstype").Property.MaskRepeat[] | undefined;
1211
1212
  readonly maskSize?: string | number | import("csstype").Property.MaskSize<string | number>[] | undefined;
1212
1213
  readonly maskType?: import("csstype").Property.MaskType | import("csstype").Property.MaskType[] | undefined;
1214
+ readonly mathDepth?: import("csstype").Property.MathDepth | import("csstype").Property.MathDepth[] | undefined;
1215
+ readonly mathShift?: import("csstype").Property.MathShift | import("csstype").Property.MathShift[] | undefined;
1213
1216
  readonly mathStyle?: import("csstype").Property.MathStyle | import("csstype").Property.MathStyle[] | undefined;
1214
1217
  readonly maxBlockSize?: string | number | import("csstype").Property.MaxBlockSize<string | number>[] | undefined;
1215
1218
  readonly maxHeight?: string | number | import("csstype").Property.MaxHeight<string | number>[] | undefined;
@@ -1327,7 +1330,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1327
1330
  readonly textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | import("csstype").Property.TextDecorationSkipInk[] | undefined;
1328
1331
  readonly textDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("csstype").Property.TextDecorationStyle[] | undefined;
1329
1332
  readonly textDecorationThickness?: string | number | import("csstype").Property.TextDecorationThickness<string | number>[] | undefined;
1330
- readonly textDecorationWidth?: string | number | import("csstype").Property.TextDecorationThickness<string | number>[] | undefined;
1331
1333
  readonly textEmphasisColor?: import("csstype").Property.TextEmphasisColor | import("csstype").Property.TextEmphasisColor[] | undefined;
1332
1334
  readonly textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | import("csstype").Property.TextEmphasisPosition[] | undefined;
1333
1335
  readonly textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | import("csstype").Property.TextEmphasisStyle[] | undefined;
@@ -1434,7 +1436,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1434
1436
  readonly MozBoxSizing?: import("csstype").Property.BoxSizing | import("csstype").Property.BoxSizing[] | undefined;
1435
1437
  readonly MozColumnCount?: import("csstype").Property.ColumnCount | import("csstype").Property.ColumnCount[] | undefined;
1436
1438
  readonly MozColumnFill?: import("csstype").Property.ColumnFill | import("csstype").Property.ColumnFill[] | undefined;
1437
- readonly MozColumnGap?: string | number | import("csstype").Property.ColumnGap<string | number>[] | undefined;
1438
1439
  readonly MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("csstype").Property.ColumnRuleColor[] | undefined;
1439
1440
  readonly MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("csstype").Property.ColumnRuleStyle[] | undefined;
1440
1441
  readonly MozColumnRuleWidth?: string | number | import("csstype").Property.ColumnRuleWidth<string | number>[] | undefined;
@@ -1468,7 +1469,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1468
1469
  readonly MozWindowDragging?: import("csstype").Property.MozWindowDragging | import("csstype").Property.MozWindowDragging[] | undefined;
1469
1470
  readonly MozWindowShadow?: import("csstype").Property.MozWindowShadow | import("csstype").Property.MozWindowShadow[] | undefined;
1470
1471
  readonly msAccelerator?: import("csstype").Property.MsAccelerator | import("csstype").Property.MsAccelerator[] | undefined;
1471
- readonly msAlignSelf?: import("csstype").Property.AlignSelf | import("csstype").Property.AlignSelf[] | undefined;
1472
1472
  readonly msBlockProgression?: import("csstype").Property.MsBlockProgression | import("csstype").Property.MsBlockProgression[] | undefined;
1473
1473
  readonly msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining | import("csstype").Property.MsContentZoomChaining[] | undefined;
1474
1474
  readonly msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax | import("csstype").Property.MsContentZoomLimitMax[] | undefined;
@@ -1489,7 +1489,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1489
1489
  readonly msHyphenateLimitZone?: string | number | import("csstype").Property.MsHyphenateLimitZone<string | number>[] | undefined;
1490
1490
  readonly msHyphens?: import("csstype").Property.Hyphens | import("csstype").Property.Hyphens[] | undefined;
1491
1491
  readonly msImeAlign?: import("csstype").Property.MsImeAlign | import("csstype").Property.MsImeAlign[] | undefined;
1492
- readonly msJustifySelf?: import("csstype").Property.JustifySelf | import("csstype").Property.JustifySelf[] | undefined;
1493
1492
  readonly msLineBreak?: import("csstype").Property.LineBreak | import("csstype").Property.LineBreak[] | undefined;
1494
1493
  readonly msOrder?: import("csstype").Property.Order | import("csstype").Property.Order[] | undefined;
1495
1494
  readonly msOverflowStyle?: import("csstype").Property.MsOverflowStyle | import("csstype").Property.MsOverflowStyle[] | undefined;
@@ -1512,6 +1511,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1512
1511
  readonly msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor | import("csstype").Property.MsScrollbarFaceColor[] | undefined;
1513
1512
  readonly msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor | import("csstype").Property.MsScrollbarHighlightColor[] | undefined;
1514
1513
  readonly msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor | import("csstype").Property.MsScrollbarShadowColor[] | undefined;
1514
+ readonly msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
1515
1515
  readonly msTextAutospace?: import("csstype").Property.MsTextAutospace | import("csstype").Property.MsTextAutospace[] | undefined;
1516
1516
  readonly msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright | import("csstype").Property.TextCombineUpright[] | undefined;
1517
1517
  readonly msTextOverflow?: import("csstype").Property.TextOverflow | import("csstype").Property.TextOverflow[] | undefined;
@@ -1561,7 +1561,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1561
1561
  readonly WebkitClipPath?: import("csstype").Property.ClipPath | import("csstype").Property.ClipPath[] | undefined;
1562
1562
  readonly WebkitColumnCount?: import("csstype").Property.ColumnCount | import("csstype").Property.ColumnCount[] | undefined;
1563
1563
  readonly WebkitColumnFill?: import("csstype").Property.ColumnFill | import("csstype").Property.ColumnFill[] | undefined;
1564
- readonly WebkitColumnGap?: string | number | import("csstype").Property.ColumnGap<string | number>[] | undefined;
1565
1564
  readonly WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("csstype").Property.ColumnRuleColor[] | undefined;
1566
1565
  readonly WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("csstype").Property.ColumnRuleStyle[] | undefined;
1567
1566
  readonly WebkitColumnRuleWidth?: string | number | import("csstype").Property.ColumnRuleWidth<string | number>[] | undefined;
@@ -1690,7 +1689,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1690
1689
  readonly scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | import("csstype").Property.ScrollSnapPointsY[] | undefined;
1691
1690
  readonly scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | import("csstype").Property.ScrollSnapTypeX[] | undefined;
1692
1691
  readonly scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY | import("csstype").Property.ScrollSnapTypeY[] | undefined;
1693
- readonly scrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
1694
1692
  readonly KhtmlBoxAlign?: import("csstype").Property.BoxAlign | import("csstype").Property.BoxAlign[] | undefined;
1695
1693
  readonly KhtmlBoxDirection?: import("csstype").Property.BoxDirection | import("csstype").Property.BoxDirection[] | undefined;
1696
1694
  readonly KhtmlBoxFlex?: import("csstype").Property.BoxFlex | import("csstype").Property.BoxFlex[] | undefined;
@@ -1737,7 +1735,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1737
1735
  readonly MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("csstype").Property.TextDecorationStyle[] | undefined;
1738
1736
  readonly MozUserInput?: import("csstype").Property.MozUserInput | import("csstype").Property.MozUserInput[] | undefined;
1739
1737
  readonly msImeMode?: import("csstype").Property.ImeMode | import("csstype").Property.ImeMode[] | undefined;
1740
- readonly msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
1741
1738
  readonly OAnimation?: import("csstype").Property.Animation<string & {}> | import("csstype").Property.Animation<string & {}>[] | undefined;
1742
1739
  readonly OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
1743
1740
  readonly OAnimationDirection?: import("csstype").Property.AnimationDirection | import("csstype").Property.AnimationDirection[] | undefined;
@@ -1843,6 +1840,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1843
1840
  readonly "::-ms-browse"?: import("@emotion/serialize").CSSObject | undefined;
1844
1841
  readonly "::-ms-check"?: import("@emotion/serialize").CSSObject | undefined;
1845
1842
  readonly "::-ms-clear"?: import("@emotion/serialize").CSSObject | undefined;
1843
+ readonly "::-ms-expand"?: import("@emotion/serialize").CSSObject | undefined;
1846
1844
  readonly "::-ms-fill"?: import("@emotion/serialize").CSSObject | undefined;
1847
1845
  readonly "::-ms-fill-lower"?: import("@emotion/serialize").CSSObject | undefined;
1848
1846
  readonly "::-ms-fill-upper"?: import("@emotion/serialize").CSSObject | undefined;
@@ -1911,6 +1909,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1911
1909
  readonly ":paused"?: import("@emotion/serialize").CSSObject | undefined;
1912
1910
  readonly ":picture-in-picture"?: import("@emotion/serialize").CSSObject | undefined;
1913
1911
  readonly ":placeholder-shown"?: import("@emotion/serialize").CSSObject | undefined;
1912
+ readonly ":playing"?: import("@emotion/serialize").CSSObject | undefined;
1914
1913
  readonly ":read-only"?: import("@emotion/serialize").CSSObject | undefined;
1915
1914
  readonly ":read-write"?: import("@emotion/serialize").CSSObject | undefined;
1916
1915
  readonly ":required"?: import("@emotion/serialize").CSSObject | undefined;
@@ -1951,6 +1950,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
1951
1950
  readonly alignItems?: import("csstype").Property.AlignItems | import("csstype").Property.AlignItems[] | undefined;
1952
1951
  readonly alignSelf?: import("csstype").Property.AlignSelf | import("csstype").Property.AlignSelf[] | undefined;
1953
1952
  readonly alignTracks?: import("csstype").Property.AlignTracks | import("csstype").Property.AlignTracks[] | undefined;
1953
+ readonly animationComposition?: import("csstype").Property.AnimationComposition | import("csstype").Property.AnimationComposition[] | undefined;
1954
1954
  readonly animationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
1955
1955
  readonly animationDirection?: import("csstype").Property.AnimationDirection | import("csstype").Property.AnimationDirection[] | undefined;
1956
1956
  readonly animationDuration?: import("csstype").Property.AnimationDuration<string & {}> | import("csstype").Property.AnimationDuration<string & {}>[] | undefined;
@@ -2145,6 +2145,8 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2145
2145
  readonly maskRepeat?: import("csstype").Property.MaskRepeat | import("csstype").Property.MaskRepeat[] | undefined;
2146
2146
  readonly maskSize?: string | number | import("csstype").Property.MaskSize<string | number>[] | undefined;
2147
2147
  readonly maskType?: import("csstype").Property.MaskType | import("csstype").Property.MaskType[] | undefined;
2148
+ readonly mathDepth?: import("csstype").Property.MathDepth | import("csstype").Property.MathDepth[] | undefined;
2149
+ readonly mathShift?: import("csstype").Property.MathShift | import("csstype").Property.MathShift[] | undefined;
2148
2150
  readonly mathStyle?: import("csstype").Property.MathStyle | import("csstype").Property.MathStyle[] | undefined;
2149
2151
  readonly maxBlockSize?: string | number | import("csstype").Property.MaxBlockSize<string | number>[] | undefined;
2150
2152
  readonly maxHeight?: string | number | import("csstype").Property.MaxHeight<string | number>[] | undefined;
@@ -2261,7 +2263,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2261
2263
  readonly textDecorationSkipInk?: import("csstype").Property.TextDecorationSkipInk | import("csstype").Property.TextDecorationSkipInk[] | undefined;
2262
2264
  readonly textDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("csstype").Property.TextDecorationStyle[] | undefined;
2263
2265
  readonly textDecorationThickness?: string | number | import("csstype").Property.TextDecorationThickness<string | number>[] | undefined;
2264
- readonly textDecorationWidth?: string | number | import("csstype").Property.TextDecorationThickness<string | number>[] | undefined;
2265
2266
  readonly textEmphasisColor?: import("csstype").Property.TextEmphasisColor | import("csstype").Property.TextEmphasisColor[] | undefined;
2266
2267
  readonly textEmphasisPosition?: import("csstype").Property.TextEmphasisPosition | import("csstype").Property.TextEmphasisPosition[] | undefined;
2267
2268
  readonly textEmphasisStyle?: import("csstype").Property.TextEmphasisStyle | import("csstype").Property.TextEmphasisStyle[] | undefined;
@@ -2367,7 +2368,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2367
2368
  readonly MozBoxSizing?: import("csstype").Property.BoxSizing | import("csstype").Property.BoxSizing[] | undefined;
2368
2369
  readonly MozColumnCount?: import("csstype").Property.ColumnCount | import("csstype").Property.ColumnCount[] | undefined;
2369
2370
  readonly MozColumnFill?: import("csstype").Property.ColumnFill | import("csstype").Property.ColumnFill[] | undefined;
2370
- readonly MozColumnGap?: string | number | import("csstype").Property.ColumnGap<string | number>[] | undefined;
2371
2371
  readonly MozColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("csstype").Property.ColumnRuleColor[] | undefined;
2372
2372
  readonly MozColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("csstype").Property.ColumnRuleStyle[] | undefined;
2373
2373
  readonly MozColumnRuleWidth?: string | number | import("csstype").Property.ColumnRuleWidth<string | number>[] | undefined;
@@ -2401,7 +2401,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2401
2401
  readonly MozWindowDragging?: import("csstype").Property.MozWindowDragging | import("csstype").Property.MozWindowDragging[] | undefined;
2402
2402
  readonly MozWindowShadow?: import("csstype").Property.MozWindowShadow | import("csstype").Property.MozWindowShadow[] | undefined;
2403
2403
  readonly msAccelerator?: import("csstype").Property.MsAccelerator | import("csstype").Property.MsAccelerator[] | undefined;
2404
- readonly msAlignSelf?: import("csstype").Property.AlignSelf | import("csstype").Property.AlignSelf[] | undefined;
2405
2404
  readonly msBlockProgression?: import("csstype").Property.MsBlockProgression | import("csstype").Property.MsBlockProgression[] | undefined;
2406
2405
  readonly msContentZoomChaining?: import("csstype").Property.MsContentZoomChaining | import("csstype").Property.MsContentZoomChaining[] | undefined;
2407
2406
  readonly msContentZoomLimitMax?: import("csstype").Property.MsContentZoomLimitMax | import("csstype").Property.MsContentZoomLimitMax[] | undefined;
@@ -2422,7 +2421,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2422
2421
  readonly msHyphenateLimitZone?: string | number | import("csstype").Property.MsHyphenateLimitZone<string | number>[] | undefined;
2423
2422
  readonly msHyphens?: import("csstype").Property.Hyphens | import("csstype").Property.Hyphens[] | undefined;
2424
2423
  readonly msImeAlign?: import("csstype").Property.MsImeAlign | import("csstype").Property.MsImeAlign[] | undefined;
2425
- readonly msJustifySelf?: import("csstype").Property.JustifySelf | import("csstype").Property.JustifySelf[] | undefined;
2426
2424
  readonly msLineBreak?: import("csstype").Property.LineBreak | import("csstype").Property.LineBreak[] | undefined;
2427
2425
  readonly msOrder?: import("csstype").Property.Order | import("csstype").Property.Order[] | undefined;
2428
2426
  readonly msOverflowStyle?: import("csstype").Property.MsOverflowStyle | import("csstype").Property.MsOverflowStyle[] | undefined;
@@ -2445,6 +2443,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2445
2443
  readonly msScrollbarFaceColor?: import("csstype").Property.MsScrollbarFaceColor | import("csstype").Property.MsScrollbarFaceColor[] | undefined;
2446
2444
  readonly msScrollbarHighlightColor?: import("csstype").Property.MsScrollbarHighlightColor | import("csstype").Property.MsScrollbarHighlightColor[] | undefined;
2447
2445
  readonly msScrollbarShadowColor?: import("csstype").Property.MsScrollbarShadowColor | import("csstype").Property.MsScrollbarShadowColor[] | undefined;
2446
+ readonly msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
2448
2447
  readonly msTextAutospace?: import("csstype").Property.MsTextAutospace | import("csstype").Property.MsTextAutospace[] | undefined;
2449
2448
  readonly msTextCombineHorizontal?: import("csstype").Property.TextCombineUpright | import("csstype").Property.TextCombineUpright[] | undefined;
2450
2449
  readonly msTextOverflow?: import("csstype").Property.TextOverflow | import("csstype").Property.TextOverflow[] | undefined;
@@ -2494,7 +2493,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2494
2493
  readonly WebkitClipPath?: import("csstype").Property.ClipPath | import("csstype").Property.ClipPath[] | undefined;
2495
2494
  readonly WebkitColumnCount?: import("csstype").Property.ColumnCount | import("csstype").Property.ColumnCount[] | undefined;
2496
2495
  readonly WebkitColumnFill?: import("csstype").Property.ColumnFill | import("csstype").Property.ColumnFill[] | undefined;
2497
- readonly WebkitColumnGap?: string | number | import("csstype").Property.ColumnGap<string | number>[] | undefined;
2498
2496
  readonly WebkitColumnRuleColor?: import("csstype").Property.ColumnRuleColor | import("csstype").Property.ColumnRuleColor[] | undefined;
2499
2497
  readonly WebkitColumnRuleStyle?: import("csstype").Property.ColumnRuleStyle | import("csstype").Property.ColumnRuleStyle[] | undefined;
2500
2498
  readonly WebkitColumnRuleWidth?: string | number | import("csstype").Property.ColumnRuleWidth<string | number>[] | undefined;
@@ -2623,7 +2621,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2623
2621
  readonly scrollSnapPointsY?: import("csstype").Property.ScrollSnapPointsY | import("csstype").Property.ScrollSnapPointsY[] | undefined;
2624
2622
  readonly scrollSnapTypeX?: import("csstype").Property.ScrollSnapTypeX | import("csstype").Property.ScrollSnapTypeX[] | undefined;
2625
2623
  readonly scrollSnapTypeY?: import("csstype").Property.ScrollSnapTypeY | import("csstype").Property.ScrollSnapTypeY[] | undefined;
2626
- readonly scrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
2627
2624
  readonly KhtmlBoxAlign?: import("csstype").Property.BoxAlign | import("csstype").Property.BoxAlign[] | undefined;
2628
2625
  readonly KhtmlBoxDirection?: import("csstype").Property.BoxDirection | import("csstype").Property.BoxDirection[] | undefined;
2629
2626
  readonly KhtmlBoxFlex?: import("csstype").Property.BoxFlex | import("csstype").Property.BoxFlex[] | undefined;
@@ -2670,7 +2667,6 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2670
2667
  readonly MozTextDecorationStyle?: import("csstype").Property.TextDecorationStyle | import("csstype").Property.TextDecorationStyle[] | undefined;
2671
2668
  readonly MozUserInput?: import("csstype").Property.MozUserInput | import("csstype").Property.MozUserInput[] | undefined;
2672
2669
  readonly msImeMode?: import("csstype").Property.ImeMode | import("csstype").Property.ImeMode[] | undefined;
2673
- readonly msScrollbarTrackColor?: import("csstype").Property.MsScrollbarTrackColor | import("csstype").Property.MsScrollbarTrackColor[] | undefined;
2674
2670
  readonly OAnimation?: import("csstype").Property.Animation<string & {}> | import("csstype").Property.Animation<string & {}>[] | undefined;
2675
2671
  readonly OAnimationDelay?: import("csstype").Property.AnimationDelay<string & {}> | import("csstype").Property.AnimationDelay<string & {}>[] | undefined;
2676
2672
  readonly OAnimationDirection?: import("csstype").Property.AnimationDirection | import("csstype").Property.AnimationDirection[] | undefined;
@@ -2776,6 +2772,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2776
2772
  readonly "::-ms-browse"?: import("@emotion/serialize").CSSObject | undefined;
2777
2773
  readonly "::-ms-check"?: import("@emotion/serialize").CSSObject | undefined;
2778
2774
  readonly "::-ms-clear"?: import("@emotion/serialize").CSSObject | undefined;
2775
+ readonly "::-ms-expand"?: import("@emotion/serialize").CSSObject | undefined;
2779
2776
  readonly "::-ms-fill"?: import("@emotion/serialize").CSSObject | undefined;
2780
2777
  readonly "::-ms-fill-lower"?: import("@emotion/serialize").CSSObject | undefined;
2781
2778
  readonly "::-ms-fill-upper"?: import("@emotion/serialize").CSSObject | undefined;
@@ -2844,6 +2841,7 @@ export declare const useInputStyles: ({ disabled, startAdornment, endAdornment,
2844
2841
  readonly ":paused"?: import("@emotion/serialize").CSSObject | undefined;
2845
2842
  readonly ":picture-in-picture"?: import("@emotion/serialize").CSSObject | undefined;
2846
2843
  readonly ":placeholder-shown"?: import("@emotion/serialize").CSSObject | undefined;
2844
+ readonly ":playing"?: import("@emotion/serialize").CSSObject | undefined;
2847
2845
  readonly ":read-only"?: import("@emotion/serialize").CSSObject | undefined;
2848
2846
  readonly ":read-write"?: import("@emotion/serialize").CSSObject | undefined;
2849
2847
  readonly ":required"?: import("@emotion/serialize").CSSObject | undefined;
package/dist/spark-web-text-input.cjs.dev.js CHANGED
@@ -29,7 +29,6 @@ var placementToPadding = {
29
29
  paddingRight: 'medium'
30
30
  }
31
31
  };
32
-
33
32
  /**
34
33
  * Places an element at the "start" or "end" of the input, only one adornment
35
34
  * may be provided for each placement. By default, the adornment element will be
@@ -45,23 +44,19 @@ var placementToPadding = {
45
44
  */
46
45
  var InputAdornment = function InputAdornment(_ref) {
47
46
  var children = _ref.children,
48
- fieldLabel = _ref.fieldLabel,
49
- placement = _ref.placement,
50
- raw = _ref.raw;
51
-
52
- var _useTheme = theme.useTheme(),
53
- sizing = _useTheme.sizing;
54
-
47
+ fieldLabel = _ref.fieldLabel,
48
+ placement = _ref.placement,
49
+ raw = _ref.raw;
50
+ var theme$1 = theme.useTheme();
55
51
  var adornmentContext = react.useMemo(function () {
56
52
  return {
57
53
  placement: placement
58
54
  };
59
55
  }, [placement]);
60
56
  var _placementToPadding$p = placementToPadding[placement],
61
- paddingLeft = _placementToPadding$p.paddingLeft,
62
- paddingRight = _placementToPadding$p.paddingRight;
57
+ paddingLeft = _placementToPadding$p.paddingLeft,
58
+ paddingRight = _placementToPadding$p.paddingRight;
63
59
  var content = children;
64
-
65
60
  if (!raw) {
66
61
  content = /*#__PURE__*/jsxRuntime.jsx(box.Box, {
67
62
  paddingLeft: paddingLeft,
@@ -71,35 +66,32 @@ var InputAdornment = function InputAdornment(_ref) {
71
66
  alignItems: "center",
72
67
  justifyContent: "center",
73
68
  style: {
74
- minWidth: sizing.xxsmall
69
+ minWidth: theme$1.sizing.xxsmall
75
70
  },
76
71
  children: children
77
72
  })
78
73
  });
79
74
  }
80
-
81
75
  var wrappedContent = /*#__PURE__*/jsxRuntime.jsx(InputAdornmentContext.Provider, {
82
76
  value: adornmentContext,
83
77
  children: content
84
78
  });
85
-
86
79
  if (fieldLabel) {
87
80
  return /*#__PURE__*/jsxRuntime.jsx(FieldAdornment, {
88
81
  fieldLabel: fieldLabel,
89
82
  children: wrappedContent
90
83
  });
91
84
  }
92
-
93
85
  return wrappedContent;
94
86
  };
87
+
95
88
  /**
96
89
  * Wrap the element with a field provider to override the parent field label.
97
90
  * Only split-out from `InputAdornment` to avoid the conditional hook rule.
98
91
  */
99
-
100
92
  var FieldAdornment = function FieldAdornment(_ref2) {
101
93
  var children = _ref2.children,
102
- fieldLabel = _ref2.fieldLabel;
94
+ fieldLabel = _ref2.fieldLabel;
103
95
  var parentFieldContext = field.useFieldContext();
104
96
  var fieldContext = react.useMemo(function () {
105
97
  return _objectSpread(_objectSpread({}, parentFieldContext), {}, {
@@ -115,17 +107,16 @@ var FieldAdornment = function FieldAdornment(_ref2) {
115
107
  var _excluded$1 = ["children", "startAdornment", "endAdornment"];
116
108
  var InputContainer = function InputContainer(_ref) {
117
109
  var children = _ref.children,
118
- startAdornment = _ref.startAdornment,
119
- endAdornment = _ref.endAdornment,
120
- boxProps = _objectWithoutProperties(_ref, _excluded$1);
121
-
110
+ startAdornment = _ref.startAdornment,
111
+ endAdornment = _ref.endAdornment,
112
+ boxProps = _objectWithoutProperties(_ref, _excluded$1);
122
113
  var _useFieldContext = field.useFieldContext(),
123
- _useFieldContext2 = _slicedToArray(_useFieldContext, 1),
124
- _useFieldContext2$ = _useFieldContext2[0],
125
- disabled = _useFieldContext2$.disabled,
126
- invalid = _useFieldContext2$.invalid;
127
-
114
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 1),
115
+ _useFieldContext2$ = _useFieldContext2[0],
116
+ disabled = _useFieldContext2$.disabled,
117
+ invalid = _useFieldContext2$.invalid;
128
118
  return /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({
119
+ borderRadius: "small",
129
120
  position: "relative",
130
121
  background: disabled ? 'inputDisabled' : 'input'
131
122
  }, boxProps), {}, {
@@ -134,7 +125,6 @@ var InputContainer = function InputContainer(_ref) {
134
125
  }), endAdornment]
135
126
  }));
136
127
  };
137
-
138
128
  var FocusIndicator = function FocusIndicator(_ref2) {
139
129
  var invalid = _ref2.invalid;
140
130
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
@@ -142,7 +132,8 @@ var FocusIndicator = function FocusIndicator(_ref2) {
142
132
  as: "span",
143
133
  data: {
144
134
  'focus-indicator': 'true'
145
- } // Styles
135
+ }
136
+ // Styles
146
137
  ,
147
138
  border: invalid ? 'critical' : 'field',
148
139
  borderRadius: "small",
@@ -151,6 +142,7 @@ var FocusIndicator = function FocusIndicator(_ref2) {
151
142
  left: 0,
152
143
  right: 0,
153
144
  top: 0,
145
+ shadow: "small",
154
146
  className: css.css({
155
147
  pointerEvents: 'none'
156
148
  })
@@ -164,20 +156,17 @@ var FocusIndicator = function FocusIndicator(_ref2) {
164
156
  var childrenToAdornments = function childrenToAdornments(children) {
165
157
  var startAdornment = null;
166
158
  var endAdornment = null;
167
-
168
159
  if (!children) {
169
160
  return {
170
161
  startAdornment: startAdornment,
171
162
  endAdornment: endAdornment
172
163
  };
173
164
  }
174
-
175
165
  react.Children.forEach(children, function (child) {
176
166
  if ( /*#__PURE__*/react.isValidElement(child)) {
177
167
  if (child.props.placement === 'end') {
178
168
  endAdornment = child;
179
169
  }
180
-
181
170
  if (child.props.placement === 'start') {
182
171
  startAdornment = child;
183
172
  }
@@ -190,34 +179,29 @@ var childrenToAdornments = function childrenToAdornments(children) {
190
179
  };
191
180
 
192
181
  var _excluded = ["children", "data"];
193
-
194
182
  /** Organize and emphasize information quickly and effectively in a list of text elements. */
195
183
  var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
196
184
  var children = _ref.children,
197
- data = _ref.data,
198
- consumerProps = _objectWithoutProperties(_ref, _excluded);
199
-
185
+ data = _ref.data,
186
+ consumerProps = _objectWithoutProperties(_ref, _excluded);
200
187
  var _useFieldContext = field.useFieldContext(),
201
- _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
202
- _useFieldContext2$ = _useFieldContext2[0],
203
- disabled = _useFieldContext2$.disabled,
204
- invalid = _useFieldContext2$.invalid,
205
- a11yProps = _useFieldContext2[1];
206
-
188
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
189
+ _useFieldContext2$ = _useFieldContext2[0],
190
+ disabled = _useFieldContext2$.disabled,
191
+ invalid = _useFieldContext2$.invalid,
192
+ a11yProps = _useFieldContext2[1];
207
193
  var _childrenToAdornments = childrenToAdornments(children),
208
- startAdornment = _childrenToAdornments.startAdornment,
209
- endAdornment = _childrenToAdornments.endAdornment;
210
-
194
+ startAdornment = _childrenToAdornments.startAdornment,
195
+ endAdornment = _childrenToAdornments.endAdornment;
211
196
  var _useInputStyles = useInputStyles({
212
- disabled: disabled,
213
- invalid: invalid,
214
- startAdornment: Boolean(startAdornment),
215
- endAdornment: Boolean(endAdornment)
216
- }),
217
- _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
218
- boxProps = _useInputStyles2[0],
219
- inputStyles = _useInputStyles2[1];
220
-
197
+ disabled: disabled,
198
+ invalid: invalid,
199
+ startAdornment: Boolean(startAdornment),
200
+ endAdornment: Boolean(endAdornment)
201
+ }),
202
+ _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
203
+ boxProps = _useInputStyles2[0],
204
+ inputStyles = _useInputStyles2[1];
221
205
  return /*#__PURE__*/jsxRuntime.jsx(InputContainer, {
222
206
  display: "inline-flex",
223
207
  alignItems: "center",
@@ -233,7 +217,6 @@ var TextInput = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
233
217
  });
234
218
  });
235
219
  TextInput.displayName = 'TextInput';
236
-
237
220
  /**
238
221
  * Returns a tuple where the first item is an object of props to spread onto the
239
222
  * underlying Box component that our inputs are created with, and the second
@@ -241,8 +224,8 @@ TextInput.displayName = 'TextInput';
241
224
  **/
242
225
  var useInputStyles = function useInputStyles(_ref2) {
243
226
  var disabled = _ref2.disabled,
244
- startAdornment = _ref2.startAdornment,
245
- endAdornment = _ref2.endAdornment;
227
+ startAdornment = _ref2.startAdornment,
228
+ endAdornment = _ref2.endAdornment;
246
229
  var theme$1 = theme.useTheme();
247
230
  var overflowStyles = text.useOverflowStrategy('truncate');
248
231
  var focusRingStyles = a11y.useFocusRing({
@@ -254,18 +237,15 @@ var useInputStyles = function useInputStyles(_ref2) {
254
237
  size: 'standard',
255
238
  weight: 'regular'
256
239
  });
257
-
258
240
  var _textStyles = _slicedToArray(textStyles, 2),
259
- typographyStyles = _textStyles[0],
260
- responsiveStyles = _textStyles[1];
261
-
241
+ typographyStyles = _textStyles[0],
242
+ responsiveStyles = _textStyles[1];
262
243
  return [{
263
244
  flex: 1,
264
245
  position: 'relative',
265
246
  height: 'medium',
266
247
  paddingLeft: startAdornment ? 'none' : 'medium',
267
248
  paddingRight: endAdornment ? 'none' : 'medium',
268
- shadow: 'small',
269
249
  width: 'full'
270
250
  }, _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, typographyStyles), responsiveStyles), overflowStyles), {}, {
271
251
  ':enabled': {