@nattstack/ui 0.0.38 → 0.0.40

package/dist/components/index.d.ts

@@ -126,21 +126,21 @@ declare const LABEL_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
-//#region src/components/passcode/passcode.d.ts
-interface PasscodeProps extends Omit<OTPFieldPreview.Root.Props, "disabled"> {
+//#region src/components/otp-field/otp-field.d.ts
+interface OTPFieldProps extends Omit<OTPFieldPreview.Root.Props, "disabled"> {
   isDisabled?: OTPFieldPreview.Root.Props["disabled"];
 }
-declare function Passcode(props: PasscodeProps): JSX.Element;
-declare const PASSCODE_CLASS_NAME: {
+declare function OTPField(props: OTPFieldProps): JSX.Element;
+declare const OTP_FIELD_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
-//#region src/components/passcode/passcode-input.d.ts
-interface PasscodeInputProps extends Omit<OTPFieldPreview.Input.Props, "disabled"> {
+//#region src/components/otp-field/otp-field-input.d.ts
+interface OTPFieldInputProps extends Omit<OTPFieldPreview.Input.Props, "disabled"> {
   isDisabled?: OTPFieldPreview.Input.Props["disabled"];
 }
-declare function PasscodeInput(props: PasscodeInputProps): JSX.Element;
-declare const PASSCODE_INPUT_CLASS_NAME: {
+declare function OTPFieldInput(props: OTPFieldInputProps): JSX.Element;
+declare const OTP_FIELD_INPUT_CLASS_NAME: {
   readonly BASE: string;
 };
 //#endregion
@@ -293,4 +293,4 @@ declare function TooltipProvider(props: TooltipProviderProps): JSX.Element;
 interface TooltipTriggerProps extends Tooltip$1.Trigger.Props {}
 declare function TooltipTrigger(props: TooltipTriggerProps): JSX.Element;
 //#endregion
-export { BUTTON_CLASS_NAME, Button, ButtonIconProps, ButtonLink, ButtonLinkProps, ButtonProps, COLUMN_CLASS_NAME, Column, ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, InputProps, LABEL_CLASS_NAME, Label, LabelProps, PASSCODE_CLASS_NAME, PASSCODE_INPUT_CLASS_NAME, Passcode, PasscodeInput, ROW_CLASS_NAME, Row, RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, SpacerProps, Switch, SwitchProps, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };
+export { BUTTON_CLASS_NAME, Button, ButtonIconProps, ButtonLink, ButtonLinkProps, ButtonProps, COLUMN_CLASS_NAME, Column, ColumnProps, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsivePopupProps, DialogResponsiveProps, DialogResponsiveTrigger, DialogResponsiveTriggerProps, INPUT_CLASS_NAME, Input, InputProps, LABEL_CLASS_NAME, Label, LabelProps, OTPField, OTPFieldInput, OTP_FIELD_CLASS_NAME, OTP_FIELD_INPUT_CLASS_NAME, ROW_CLASS_NAME, Row, RowProps, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, SpacerProps, Switch, SwitchProps, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPanelProps, TabsPillList, TabsPillListProps, TabsPillTab, TabsPillTabProps, TabsProps, TabsSegmentedList, TabsSegmentedListProps, TabsSegmentedTab, TabsSegmentedTabProps, TabsUnderlineList, TabsUnderlineListProps, TabsUnderlineTab, TabsUnderlineTabProps, Textarea, TextareaProps, Tooltip, TooltipContent, TooltipContentProps, TooltipProps, TooltipProvider, TooltipProviderProps, TooltipTrigger, TooltipTriggerProps };

package/dist/components/index.js

@@ -316,14 +316,14 @@ function Label(props) {
 }
 const LABEL_CLASS_NAME = { BASE: label_module_default.label };
 //#endregion
-//#region src/components/passcode/passcode.module.css
-var passcode_module_default = { "passcode": "passcode-module_passcode_7_gTQW" };
+//#region src/components/otp-field/otp-field.module.css
+var otp_field_module_default = { "otp_field": "otp-field-module_otp_field_l-Sakq" };
 //#endregion
-//#region src/components/passcode/passcode.tsx
-function Passcode(props) {
+//#region src/components/otp-field/otp-field.tsx
+function OTPField(props) {
 	const { className: customClassName = "", isDisabled = false, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
-    ${PASSCODE_CLASS_NAME.BASE}
+    ${OTP_FIELD_CLASS_NAME.BASE}
     ${customClassName}
   `);
 	return /* @__PURE__ */ jsx(OTPFieldPreview.Root, {
@@ -332,16 +332,16 @@ function Passcode(props) {
 		...rest
 	});
 }
-const PASSCODE_CLASS_NAME = { BASE: passcode_module_default.passcode };
+const OTP_FIELD_CLASS_NAME = { BASE: otp_field_module_default.otp_field };
 //#endregion
-//#region src/components/passcode/passcode-input.module.css
-var passcode_input_module_default = { "passcode_input": "passcode-input-module_passcode_input_CHGhjq" };
+//#region src/components/otp-field/otp-field-input.module.css
+var otp_field_input_module_default = { "otp_field_input": "otp-field-input-module_otp_field_input_58X00q" };
 //#endregion
-//#region src/components/passcode/passcode-input.tsx
-function PasscodeInput(props) {
+//#region src/components/otp-field/otp-field-input.tsx
+function OTPFieldInput(props) {
 	const { className: customClassName = "", isDisabled = false, ...rest } = props;
 	const combinedClassName = normalizeWhitespace(`
-    ${PASSCODE_INPUT_CLASS_NAME.BASE}
+    ${OTP_FIELD_INPUT_CLASS_NAME.BASE}
     ${customClassName}
   `);
 	return /* @__PURE__ */ jsx(OTPFieldPreview.Input, {
@@ -350,7 +350,7 @@ function PasscodeInput(props) {
 		...rest
 	});
 }
-const PASSCODE_INPUT_CLASS_NAME = { BASE: passcode_input_module_default.passcode_input };
+const OTP_FIELD_INPUT_CLASS_NAME = { BASE: otp_field_input_module_default.otp_field_input };
 //#endregion
 //#region src/components/row/row.module.css
 var row_module_default = { "row": "row-module_row_sYCFIW" };
@@ -739,4 +739,4 @@ function TooltipTrigger(props) {
 	});
 }
 //#endregion
-export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, PASSCODE_CLASS_NAME, PASSCODE_INPUT_CLASS_NAME, Passcode, PasscodeInput, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export { BUTTON_CLASS_NAME, Button, ButtonLink, COLUMN_CLASS_NAME, Column, DIALOG_RESPONSIVE_POPUP_CLASS_NAME, DialogResponsive, DialogResponsivePopup, DialogResponsiveTrigger, INPUT_CLASS_NAME, Input, LABEL_CLASS_NAME, Label, OTPField, OTPFieldInput, OTP_FIELD_CLASS_NAME, OTP_FIELD_INPUT_CLASS_NAME, ROW_CLASS_NAME, Row, SPACER_CLASS_NAME, SWITCH_CLASS_NAME, Spacer, Switch, TABS_CLASS_NAME, TABS_PANEL_CLASS_NAME, TABS_PILL_LIST_CLASS_NAME, TABS_PILL_TAB_CLASS_NAME, TABS_SEGMENTED_LIST_CLASS_NAME, TABS_SEGMENTED_TAB_CLASS_NAME, TABS_UNDERLINE_LIST_CLASS_NAME, TABS_UNDERLINE_TAB_CLASS_NAME, TEXTAREA_CLASS_NAME, TOOLTIP_CONTENT_CLASS_NAME, Tabs, TabsPanel, TabsPillList, TabsPillTab, TabsSegmentedList, TabsSegmentedTab, TabsUnderlineList, TabsUnderlineTab, Textarea, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/style.css

@@ -434,15 +434,15 @@
   width: fit-content;
   font-size: 14px;
 }
-.passcode-module_passcode_7_gTQW {
+.otp-field-module_otp_field_l-Sakq {
   flex-wrap: wrap;
   justify-content: center;
   gap: 8px;
   width: fit-content;
   display: flex;
 }
-.passcode-input-module_passcode_input_CHGhjq {
-  background-color: var(--color-bg-primary);
+.otp-field-input-module_otp_field_input_58X00q {
+  background-color: var(--color-gray-3);
   box-shadow: 0 0 0 1px var(--color-border) inset;
   color: var(--color-text-primary);
   font-family: var(--font-body);
@@ -454,22 +454,22 @@
   outline-style: solid;
   width: 40px;
   height: 48px;
-  font-size: 16px;
+  font-size: 14px;
   font-weight: 500;
   transition-property: box-shadow;
   transition-duration: .15s;
 }
 
-.passcode-input-module_passcode_input_CHGhjq:enabled:hover {
-  --color-border: var(--color-gray-6);
+.otp-field-input-module_otp_field_input_58X00q:enabled:hover {
+  box-shadow: 0 0 0 1px var(--color-gray-6) inset;
 }
 
-.passcode-input-module_passcode_input_CHGhjq:disabled {
+.otp-field-input-module_otp_field_input_58X00q:disabled {
   cursor: not-allowed;
   opacity: .5;
 }
 
-.passcode-input-module_passcode_input_CHGhjq:focus-visible {
+.otp-field-input-module_otp_field_input_58X00q:focus-visible {
   outline-width: 2px;
 }
 .row-module_row_sYCFIW {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nattstack/ui",
-  "version": "0.0.38",
+  "version": "0.0.40",
   "description": "A collection of reusable React components built with Base UI, TypeScript, and CSS Modules",
   "keywords": [
     "base-ui",