Input

Elevate the Nordstar visual language with a shared depth and motion system, then apply it across the components.

• New design tokens shipped from @nordcom/nordstar's CSS contract:
• Elevation — shadow-raised, shadow-overlay, shadow-floating, a three-step shadow scale tuned to read on the near-black default surface.
• Easing — ease-out-soft (hard deceleration for entrances) and ease-spring (a slight overshoot for toggles and presses).
• Motion — an overlay-in keyframe / animate-overlay-in utility used by portalled surfaces, plus accordion-down/accordion-up for disclosure height transitions. The existing prefers-reduced-motion reset neutralises them for users who opt out.
• Overlay surfaces (Select, DropdownMenu, Tooltip) now lift on the new shadow-overlay, animate in from their transform origin, and round to md. The Select chevron rotates while the listbox is open.
• `Button` gains a resting elevation on the solid variant, a subtle hover lift that settles on press, and a consistent keyboard focus ring.
• `Card` solid surfaces read as raised via shadow-raised.
• `Switch` thumb slides on the springy easing with a touch of depth.
• `Kbd` picks up a recessed keycap shadow.
• `Accordion` sections now expand and collapse with a measured height animation instead of snapping open.
• Motion timings across Input, Select, and the dropdown items were aligned to the shared duration/easing language.

No public APIs changed; these are visual and motion refinements within the existing design identity.

Fix <Input/> switching between uncontrolled and controlled. With no value or defaultValue, the rendered element started as value={undefined} (uncontrolled) and only became controlled after the first keystroke, triggering React's "changing an uncontrolled input to be controlled" warning. The component now seeds its internal value so the element is controlled from the first render. A consumer-supplied onChange is also forwarded — previously it was overwritten by the component's own handler, so a controlled value could never update. Finally, rendering with a non-input as (e.g. as="article") no longer applies an invalid type attribute.

Fix <Input/> floating label. The label's active-state utility classes were separated by U+00B7 middle-dots instead of spaces, so Tailwind never parsed them — the label stayed full-size at the top and covered the value. Separators are now spaces, restoring the float/scale animation. Single-line inputs also center their value for consistent top/bottom padding, and the floated label sits clear of the text in every state (value, placeholder, focus, textarea).

Improve <Input/> accessibility and state handling:

• The floating <label> is now programmatically associated with the control via htmlFor/id (using useId, while respecting a consumer-supplied id). Previously the label was a purely visual overlay, so screen readers announced an unlabeled textbox.
• Added a visible, semantic disabled state — disabled inputs now dim (opacity-50), show a not-allowed cursor and expose data-disabled, matching the affordance vocabulary of <Button/>. disabled is only forwarded to real form controls.
• The floating-label motion now tracks the --nordstar-duration-short token and transitions only the properties that actually animate, instead of the hardcoded duration-200 + transition-all.
• A placeholder-only field now brightens its border/text in step with the floated label, fixing the previously half-applied "filled" appearance.

Initial work on restoring and imporving the UX of </Input>.

Fix publishing.

Replace ESLint and Prettier with Biome 2.x. Single root biome.jsonc covers linting and formatting; turbo no longer orchestrates lint/format; CI now runs biome ci. Source files reformatted (trailing commas, sorted Tailwind classes, organized imports). No public API changes.

Bump requirement to react 19.

Update homepage.

Migrate to Tailwind v4 consumer DX. The lib now ships a tailwind.css contract (@theme + @source) for Tailwind v4 users and a precompiled styles.css for non-Tailwind users. Consumers no longer maintain a duplicate tailwind.config.cjs — instead, @import "@nordcom/nordstar" in their main CSS does it all. Runtime CSS variables move to the --nordstar-* namespace; the <NordstarProvider/> React API is unchanged.

Upgrade typescript.

Modernize build.

Upgrade deps

• Fix group usage.

• Try to force transparent background by default.

• Bogus change to trigger another npm publish (the previous release failed).

• Don't engage tailwind at the component level.

• Remove outline from internal input element.

• Refactor components to use tailwind and cva.

• Update domain to https://nordcominc.github.io/nordstar/

• Remove labelPosition, the component shouldn't have to deal with content outside of itself.
• Improve typings.
• Add textarea example to input.stories.tsx.

• Remove padding applied to internal input when type is set.
• Add guard to onChange event.

• Fix className usage.

• Fix input overflowing by setting .container to overflow-hidden or overflow-clip depending on browser version.
• Fix input background color.

Meta: Change codegen slightly.

Fix css module inclusions.

Fix engines field.

Upgrade turbo.

Fix duplicate 'use client'; directive.

Fix export.

• Improve testing setup to be more reliable and consistent.
• Substantially improve both the output from the transpiler/compiler and the built type definitions.

• Improve exports.

• Fix types.
• Improve build output.

• Substantially improve testing.

• Remove clean-package and replace it with publishConfig _(this still needs testing)_.

• Switch from "jsx": "preserve" to "jsx": "react-jsx".
• Substantially improve both the vite and typescript configurations.
• Use references instead of extends in tsconfig.jsons. This allows for better type checking and faster builds.
• Properly create entry and rollupOptions' input file lists. This fixes a bunch of issues.
• Define __dirname, we previously tried using __dirname under esm which is not supported, somehow it didn't error or break the build but it's fixed now anyway.
• Some groundwork done to eventually support `jsr.io`

Meta: Migrate to bun from npm.

Improve general styling.

Add packageManager field and missing component descriptions.

Fix height changing during label animation.

Design: Fix styling.

Improve default value.

Input: Slightly improve styling.

Fix issues with <Input /> and improve color support.

Input: Introduce the <Input/> component.