chrona-react 0.3.2 → 0.3.4

package/README.md

@@ -6,7 +6,7 @@ values, no free-form date parsing, and no CSS — you own every pixel.
 Part of [Chrona](https://github.com/devlinduldulao/chrona). Built on
 [`chrona-core`](https://www.npmjs.com/package/chrona-core).
 
-> **Status: experimental 0.3.2.** Public APIs and styling attributes are not
+> **Status: experimental 0.3.4.** Public APIs and styling attributes are not
 > frozen for v1. 0.3.0 changes when a field reports a value and leaves `today`
 > to the client; 0.2.0 changed the Calendar cell anatomy. See the
 > [changelog](./CHANGELOG.md). Automated axe checks pass, but no screen-reader
@@ -128,6 +128,12 @@ A barrel export is also available. Matching hooks — `useCalendar`,
 
 ## Styling And Forms
 
+There is a starter stylesheet at
+[`docs/starter.css`](https://github.com/devlinduldulao/chrona/blob/main/docs/starter.css)
+— copy it in and edit it. It styles every part these packages emit, takes its
+colours from eight custom properties, and exists so that the first two hundred
+lines of CSS are not yours to write.
+
 Style via `data-scope`, `data-part`, and state attributes: `data-selected`,
 `data-focused`, `data-today`, `data-disabled`, `data-unavailable`,
 `data-outside-month`, `data-in-range`, `data-range-start`, `data-range-end`,
@@ -293,7 +299,9 @@ import { DatePicker } from "chrona-react";
 ## Notes
 
 - ESM with declarations and source maps, targeting ES2022.
-- Size budgets, minified + gzip, excluding React: Calendar 6 kB, DatePicker 12 kB.
+- Size budgets, minified + gzip, excluding React: Calendar 7 kB, DatePicker 13 kB.
+  Raised from 6/12 in 0.3.4; the additions were hydration-safe `today`, soft-keyboard
+  input, cross-implementation diagnostics and accurate spinbutton ranges.
 - Blank segments read `mm/dd/yyyy` and `hh:mm`; filled numeric segments except
   the year are zero-padded, so a field keeps one width as it fills.
 - Typed digits are literal and stepping clamps: 29 February is reachable before

package/dist/date-field.d.ts

@@ -5,14 +5,14 @@ import { F as FieldProps } from './field-DayikvR6.js';
 
 type DateFieldProps = FieldProps<"date">;
 declare const DateField: {
-    Root: ({ children, asChild, className, style, ...props }: FieldProps<"date"> & Pick<PartProps, "className" | "style" | "children" | "asChild">) => React.JSX.Element;
+    Root: ({ children, asChild, className, style, ...props }: FieldProps<"date"> & Pick<PartProps, "children" | "asChild" | "className" | "style">) => React.JSX.Element;
     Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLElement>>;
     Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLElement>>;
-    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "children" | "onChange" | "type" | "value"> & {
+    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "defaultValue" | "onChange" | "value" | "type"> & {
         type: chrona_core.SegmentType;
     } & React.RefAttributes<HTMLInputElement>>;
     HiddenInput: (props: HiddenInputProps) => React.JSX.Element;

package/dist/date-picker.d.ts

@@ -47,7 +47,7 @@ declare const DatePicker: {
     Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLElement>>;
-    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "children" | "onChange" | "type" | "value"> & {
+    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "defaultValue" | "onChange" | "value" | "type"> & {
         type: chrona_core.SegmentType;
     } & React.RefAttributes<HTMLInputElement>>;
     HiddenInput: (props: HiddenInputProps) => React.JSX.Element;

package/dist/time-field.d.ts

@@ -5,14 +5,14 @@ import { F as FieldProps } from './field-DayikvR6.js';
 
 type TimeFieldProps = FieldProps<"time">;
 declare const TimeField: {
-    Root: ({ children, asChild, className, style, ...props }: FieldProps<"time"> & Pick<PartProps, "className" | "style" | "children" | "asChild">) => React.JSX.Element;
+    Root: ({ children, asChild, className, style, ...props }: FieldProps<"time"> & Pick<PartProps, "children" | "asChild" | "className" | "style">) => React.JSX.Element;
     Label: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLElement>>;
     Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
         asChild?: boolean;
     } & React.RefAttributes<HTMLElement>>;
-    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "defaultValue" | "children" | "onChange" | "type" | "value"> & {
+    Segment: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "children" | "defaultValue" | "onChange" | "value" | "type"> & {
         type: chrona_core.SegmentType;
     } & React.RefAttributes<HTMLInputElement>>;
     HiddenInput: (props: HiddenInputProps) => React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrona-react",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "Headless Temporal-native React date and time primitives",
   "type": "module",
   "license": "MIT",
@@ -61,7 +61,7 @@
     }
   },
   "dependencies": {
-    "chrona-core": "^0.3.2"
+    "chrona-core": "^0.3.4"
   },
   "peerDependencies": {
     "react": ">=18.0.0",