@spark-web/text-input 4.0.0-rc.0 → 4.0.0-rc.10

package/CHANGELOG.md

@@ -1,5 +1,165 @@
 # @spark-web/text-input
 
+## 4.0.0-rc.10
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.10
+  - @spark-web/theme@4.0.0-rc.10
+  - @spark-web/utils@2.0.0-rc.10
+  - @spark-web/a11y@2.0.0-rc.10
+  - @spark-web/text@2.0.0-rc.10
+  - @spark-web/box@2.0.0-rc.10
+
+## 4.0.0-rc.9
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.9
+  - @spark-web/theme@4.0.0-rc.9
+  - @spark-web/utils@2.0.0-rc.9
+  - @spark-web/a11y@2.0.0-rc.9
+  - @spark-web/text@2.0.0-rc.9
+  - @spark-web/box@2.0.0-rc.9
+
+## 4.0.0-rc.8
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.8
+  - @spark-web/theme@4.0.0-rc.8
+  - @spark-web/utils@2.0.0-rc.8
+  - @spark-web/a11y@2.0.0-rc.8
+  - @spark-web/text@2.0.0-rc.8
+  - @spark-web/box@2.0.0-rc.8
+
+## 4.0.0-rc.7
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.7
+  - @spark-web/theme@4.0.0-rc.7
+  - @spark-web/utils@2.0.0-rc.7
+  - @spark-web/a11y@2.0.0-rc.7
+  - @spark-web/text@2.0.0-rc.7
+  - @spark-web/box@2.0.0-rc.7
+
+## 4.0.0-rc.6
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.6
+  - @spark-web/theme@4.0.0-rc.6
+  - @spark-web/utils@2.0.0-rc.6
+  - @spark-web/a11y@2.0.0-rc.6
+  - @spark-web/text@2.0.0-rc.6
+  - @spark-web/box@2.0.0-rc.6
+
+## 4.0.0-rc.5
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.5
+  - @spark-web/theme@4.0.0-rc.5
+  - @spark-web/utils@2.0.0-rc.5
+  - @spark-web/a11y@2.0.0-rc.5
+  - @spark-web/text@2.0.0-rc.5
+  - @spark-web/box@2.0.0-rc.5
+
+## 4.0.0-rc.4
+
+### Major Changes
+
+- bug
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.4
+  - @spark-web/theme@4.0.0-rc.4
+  - @spark-web/utils@2.0.0-rc.4
+  - @spark-web/a11y@2.0.0-rc.4
+  - @spark-web/text@2.0.0-rc.4
+  - @spark-web/box@2.0.0-rc.4
+
+## 4.0.0-rc.3
+
+### Major Changes
+
+- upgrade package
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.0.0-rc.3
+  - @spark-web/theme@4.0.0-rc.3
+  - @spark-web/utils@2.0.0-rc.3
+  - @spark-web/a11y@2.0.0-rc.3
+  - @spark-web/text@2.0.0-rc.3
+  - @spark-web/box@2.0.0-rc.3
+
+## 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
+
+### Major Changes
+
+- rc
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/field@4.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.1
+  - @spark-web/text@2.0.0-rc.1
+  - @spark-web/box@2.0.0-rc.1
+
 ## 4.0.0-rc.0
 
 ### Major Changes

package/dist/declarations/src/children-to-adornments.d.ts

@@ -0,0 +1,12 @@
+import type { ReactElement } from 'react';
+import type { InputAdornmentProps } from "./input-adornment.js";
+export declare type AdornmentChild = ReactElement<InputAdornmentProps> | null | undefined;
+export declare type AdornmentsAsChildren = AdornmentChild | [AdornmentChild, AdornmentChild];
+/**
+ * Map children for placement within the `TextInput` flex container. Ensures that
+ * placeholders are provided for unused placements.
+ */
+export declare const childrenToAdornments: (children?: AdornmentsAsChildren) => {
+    startAdornment: ReactElement<InputAdornmentProps> | null;
+    endAdornment: ReactElement<InputAdornmentProps> | null;
+};

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,6 @@
+export { InputAdornment } from "./input-adornment.js";
+export { InputContainer } from "./input-container.js";
+export { TextInput, useInputStyles } from "./text-input.js";
+export type { AdornmentChild } from "./children-to-adornments.js";
+export type { InputContainerProps } from "./input-container.js";
+export type { TextInputProps, UseInputStylesProps } from "./text-input.js";

package/dist/declarations/src/input-adornment.d.ts

@@ -0,0 +1,46 @@
+import type { ReactElement } from 'react';
+declare type InputAdornmentContextType = {
+    placement: PlacementType;
+};
+export declare const useInputAdornmentContext: () => InputAdornmentContextType | null;
+declare const placementToPadding: {
+    readonly start: {
+        readonly paddingLeft: "medium";
+        readonly paddingRight: "xsmall";
+    };
+    readonly end: {
+        readonly paddingLeft: "xsmall";
+        readonly paddingRight: "medium";
+    };
+};
+declare type PlacementType = keyof typeof placementToPadding;
+export declare type InputAdornmentProps = {
+    children: ReactElement;
+    /**
+     * When using another input component as an adornment, you may optionally
+     * override the parent field label.
+     */
+    fieldLabel?: string;
+    /** Where to place the adornment. */
+    placement: PlacementType;
+    /**
+     * By default, the adornment element will be wrapped to provide alignment and
+     * spacing, use the "raw" property to opt-out of this behaviour.
+     */
+    raw?: boolean;
+};
+/**
+ * Places an element at the "start" or "end" of the input, only one adornment
+ * may be provided for each placement. By default, the adornment element will be
+ * wrapped to provide alignment and spacing, use the "raw" property to opt-out
+ * of this behaviour.
+ *
+ * @example
+ * <TextInput>
+ *   <InputAdornment placement="start">
+ *     <Text tone="placeholder">$</Text>
+ *   </InputAdornment>
+ * </TextInput>
+ */
+export declare const InputAdornment: ({ children, fieldLabel, placement, raw, }: InputAdornmentProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/declarations/src/input-container.d.ts

@@ -0,0 +1,10 @@
+import type { BoxProps } from '@spark-web/box';
+import type { ReactElement } from 'react';
+import type { InputAdornmentProps } from "./input-adornment.js";
+export declare type InputContainerProps = {
+    /** Slot to start render adornment. */
+    startAdornment?: ReactElement<InputAdornmentProps> | null;
+    /** Slot to end render adornment. */
+    endAdornment?: ReactElement<InputAdornmentProps> | null;
+} & Omit<BoxProps, 'background' | 'position'>;
+export declare const InputContainer: ({ children, startAdornment, endAdornment, ...boxProps }: InputContainerProps) => import("@emotion/react/jsx-runtime").JSX.Element;