@stella-source/stellasource-dsl 3.1.1 → 3.1.3

package/dist/cjs/styles.css

@@ -69,7 +69,4 @@
   border: none;
   padding: 0;
   outline: none;
-  display: flex;
-  justify-content: center;
-  align-items: center;
 }

package/dist/cjs/types/components/TextField/NumberInput/NumberInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { NumberInputProps } from "./types";
-declare const NumberInput: ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, isTruncated, helperTextAffectLayout, hideLabel, disabled, isLoading, hasError, thousandSeparator, decimalPlaces, allowNegativeNumbers, ariaDescribedBy, disableAutocomplete, }: NumberInputProps) => React.JSX.Element;
+declare const NumberInput: ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, isTruncated, helperTextAffectLayout, hideLabel, disabled, isLoading, hasError, thousandSeparator, decimalPlaces, allowNegativeNumbers, ariaDescribedBy, enableAutocomplete, }: NumberInputProps) => React.JSX.Element;
 export default NumberInput;

package/dist/cjs/types/components/TextField/NumberInput/types.d.ts

@@ -28,7 +28,7 @@ export interface NumberInputProps {
     thousandSeparator?: boolean;
     decimalPlaces?: number;
     allowNegativeNumbers?: boolean;
-    disableAutocomplete?: boolean;
+    enableAutocomplete?: boolean;
     /** for any extra text elements that need to be associated */
     ariaDescribedBy?: string;
     htmlProps?: HTMLAttributes<HTMLInputElement>;

package/dist/cjs/types/components/TextField/PasswordInput/PasswordInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { PasswordInputProps } from "./types";
-declare const PasswordInput: ({ id, className, htmlProps, label, placeholder, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign, isHidden, helperTextAffectLayout, hideLabel, disabled, hasError, ariaDescribedBy, disableAutocomplete, }: PasswordInputProps) => React.JSX.Element;
+declare const PasswordInput: ({ id, className, htmlProps, label, placeholder, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign, isHidden, helperTextAffectLayout, hideLabel, disabled, hasError, ariaDescribedBy, enableAutocomplete, }: PasswordInputProps) => React.JSX.Element;
 export default PasswordInput;

package/dist/cjs/types/components/TextField/PasswordInput/types.d.ts

@@ -11,7 +11,7 @@ export interface PasswordInputProps {
     className?: string;
     placeholder?: string;
     isRequired?: boolean;
-    disableAutocomplete?: boolean;
+    enableAutocomplete?: boolean;
     /** passing in disabled + value creates a readOnly look */
     disabled?: boolean;
     maxLength?: number;

package/dist/cjs/types/components/TextField/TextInput/TextInput.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TextInputProps } from "./types";
-declare const TextInput: ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, helperTextAffectLayout, hideLabel, disabled, hasError, isLoading, ariaDescribedBy, disableAutocomplete, }: TextInputProps) => React.JSX.Element;
+declare const TextInput: ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder, textAlign, helperTextAffectLayout, hideLabel, disabled, hasError, isLoading, ariaDescribedBy, enableAutocomplete, }: TextInputProps) => React.JSX.Element;
 export default TextInput;

package/dist/cjs/types/components/TextField/TextInput/types.d.ts

@@ -14,7 +14,7 @@ export interface TextInputProps {
     placeholder?: string;
     isRequired?: boolean;
     endIcon?: `${StellaIconDefinition}`;
-    disableAutocomplete?: boolean;
+    enableAutocomplete?: boolean;
     /** passing in disabled + value creates a readOnly look */
     disabled?: boolean;
     maxLength?: number;

package/dist/esm/index.esm.js

@@ -17044,6 +17044,7 @@ const RequiredIcon = styled(StellaIcon) `
 `;
 const ToolTipIcon = styled(Tooltip) `
   margin-left: 2px;
+  margin-top: 2px;
 `;
 const LabelComponent = styled.label `
   font-family: "Inter", sans-serif;
@@ -17391,7 +17392,7 @@ const TextFieldContainer = ({ id, label, children, tooltipText, endIcon, classNa
         helperText && (a__default.createElement(HelperText, { id: `${id}-helper-text`, text: helperText, affectLayout: helperTextAffectLayout, type: hasError ? "error" : "info" }))));
 };
 
-const TextInput = ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "", textAlign = "left", helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, isLoading = false, ariaDescribedBy, disableAutocomplete, }) => {
+const TextInput = ({ id, className, htmlProps, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "", textAlign = "left", helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, isLoading = false, ariaDescribedBy, enableAutocomplete = false, }) => {
     const containerProps = {
         id,
         label,
@@ -17416,14 +17417,14 @@ const TextInput = ({ id, className, htmlProps, label, onChange, onBlur, onFocus,
         onChange(value);
     };
     return (a__default.createElement(TextFieldContainer, { ...containerProps },
-        a__default.createElement(TextFieldInput, { autoComplete: disableAutocomplete ? "off" : "on", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, "$isLoading": isLoading, ...htmlProps })));
+        a__default.createElement(TextFieldInput, { autoComplete: enableAutocomplete ? "on" : "off", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, "$isLoading": isLoading, ...htmlProps })));
 };
 
 const CustomIconButton$2 = styled(IconButton) `
   margin-right: 2px;
 `;
 
-const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter Password", onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign = "left", isHidden = true, helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, ariaDescribedBy, disableAutocomplete, }) => {
+const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter Password", onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, textAlign = "left", isHidden = true, helperTextAffectLayout = true, hideLabel = false, disabled = false, hasError = false, ariaDescribedBy, enableAutocomplete = false, }) => {
     const containerProps = {
         id,
         label,
@@ -17447,7 +17448,7 @@ const PasswordInput = ({ id, className, htmlProps, label, placeholder = "Enter P
         onChange(value);
     };
     return (a__default.createElement(TextFieldContainer, { ...containerProps },
-        a__default.createElement(TextFieldInput, { autoComplete: disableAutocomplete ? "off" : "on", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: show ? "text" : "password", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, ...htmlProps }),
+        a__default.createElement(TextFieldInput, { autoComplete: enableAutocomplete ? "on" : "off", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: show ? "text" : "password", id: `${id}-text-field`, disabled: disabled, placeholder: placeholder, onChange: handleChange, onBlur: (e) => onBlur?.(e.target.value), onFocus: (e) => onFocus?.(e.target.value), value: valueToUse, maxLength: maxLength, "$textAlign": textAlign, "$isDisabled": disabled, ...htmlProps }),
         a__default.createElement(CustomIconButton$2, { variant: "tertiary", iconName: show ? "eye" : "eye-slash", ariaLabel: show ? "Hide" : "Show", onClick: () => setShow(!show), disabled: disabled })));
 };
 
@@ -17475,7 +17476,7 @@ const formatDynamicNumbersWithCommas = (num, decimalPlaces) => {
         : "";
 };
 
-const NumberInput = ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "0", textAlign = "left", isTruncated = false, helperTextAffectLayout = true, hideLabel = false, disabled = false, isLoading = false, hasError = false, thousandSeparator = true, decimalPlaces = 0, allowNegativeNumbers = false, ariaDescribedBy, disableAutocomplete, }) => {
+const NumberInput = ({ id, className, htmlProps, leftCategory, rightCategory, label, onChange, onBlur, onFocus, value, isRequired, maxLength, tooltipText, helperText, endIcon, placeholder = "0", textAlign = "left", isTruncated = false, helperTextAffectLayout = true, hideLabel = false, disabled = false, isLoading = false, hasError = false, thousandSeparator = true, decimalPlaces = 0, allowNegativeNumbers = false, ariaDescribedBy, enableAutocomplete = false, }) => {
     const containerProps = {
         id,
         label,
@@ -17525,7 +17526,7 @@ const NumberInput = ({ id, className, htmlProps, leftCategory, rightCategory, la
         !onFocus && setPlaceholderText("");
     };
     return (a__default.createElement(TextFieldContainer, { ...containerProps },
-        a__default.createElement(TextFieldInput, { autoComplete: disableAutocomplete ? "off" : "on", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", inputMode: "numeric", 
+        a__default.createElement(TextFieldInput, { autoComplete: enableAutocomplete ? "on" : "off", "aria-describedby": `${id}-helper-text ${ariaDescribedBy}`, type: "text", inputMode: "numeric", 
             // prettier-ignore
             pattern: allowNegativeNumbers ? "^[\\d,\\.\\-]*$" : "^[\\d,\\.]*$", id: `${id}-text-field`, disabled: disabled || isLoading, placeholder: placeholderText, onChange: handleChange, onBlur: handleBlur, onFocus: handleFocus, onKeyDown: handleKeyDown, value: thousandSeparator
                 ? formatDynamicNumbersWithCommas(valueToUse, decimalPlaces)