@omni-design/components 0.14.32 → 0.14.34

package/dist/types/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,20 @@
+export function DatePicker({ value, onChange, selectionMode, defaultMonth, month: monthProp, onMonthChange, minDate, maxDate, isDateDisabled, today: todayProp, weekStartsOn, color, locale, className, sx, ...props }: {
+    [x: string]: any;
+    value?: any;
+    onChange: any;
+    selectionMode?: string;
+    defaultMonth: any;
+    month: any;
+    onMonthChange: any;
+    minDate: any;
+    maxDate: any;
+    isDateDisabled: any;
+    today: any;
+    weekStartsOn?: number;
+    color?: string;
+    locale: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export const DayCell: any;
+export default DatePicker;

package/dist/types/components/DatePicker/index.d.ts

@@ -0,0 +1 @@
+export { DatePicker, DayCell, default } from "./DatePicker";

package/dist/types/components/ImagePlaceholder/ImagePlaceholder.d.ts

@@ -0,0 +1,21 @@
+/**
+ * ImagePlaceholder — Figma's `Image Placeholder` (7251:1985): where an image
+ * will go, before it has one.
+ *
+ *   fill   --Border-Variant (the file's Border-Variant at 20%; the CSS token
+ *          carries that alpha), a light tint of the surface
+ *   icon   the photo glyph in --Quiet, as large as the box allows — the
+ *          shorter side less a pixel each edge, centred — so the slot reads as
+ *          "an image goes here" at any size
+ *
+ * It fills its parent; give the parent the size (or use Ratio, which uses
+ * this for an empty slot). Decorative: aria-hidden, since the empty slot says
+ * nothing a screen reader needs. Pass role="img" + aria-label if the absence
+ * itself is information ("No photo uploaded").
+ */
+export function ImagePlaceholder({ className, sx, ...props }: {
+    [x: string]: any;
+    className?: string;
+    sx?: {};
+}): JSX.Element;
+export default ImagePlaceholder;

package/dist/types/components/ImagePlaceholder/index.d.ts

@@ -0,0 +1 @@
+export { ImagePlaceholder, default } from "./ImagePlaceholder";

package/dist/types/components/Input/Input.d.ts

@@ -8,12 +8,13 @@ export function floatingLabelGeometry(sizeConfig: any, hasStartAdornment: any):
     restingY: number;
     shrunkY: number;
 };
-export function Input({ variant, size, label, labelPosition, placeholder, helperText, validation, validationMessage, disabled, id: idProp, value, defaultValue, onChange, name, type, multiline, rows, maxRows, resize, startAdornment, endAdornment, fullWidth, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, inputProps: inputPropsProp, ...props }: {
+export function Input({ variant, size, label, labelPosition, labelType, placeholder, helperText, validation, validationMessage, disabled, id: idProp, value, defaultValue, onChange, name, type, multiline, rows, maxRows, resize, startAdornment, endAdornment, fullWidth, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-required": ariaRequired, "aria-invalid": ariaInvalid, inputProps: inputPropsProp, onFocus, onBlur, ...props }: {
     [x: string]: any;
     variant?: string;
     size?: string;
     label: any;
     labelPosition?: string;
+    labelType?: string;
     placeholder: any;
     helperText: any;
     validation: any;
@@ -40,11 +41,14 @@ export function Input({ variant, size, label, labelPosition, placeholder, helper
     "aria-required": any;
     "aria-invalid": any;
     inputProps?: {};
+    onFocus: any;
+    onBlur: any;
 }): JSX.Element;
 export namespace FLOATING_SIZE_MAP {
     namespace small {
         let height: string;
         let fontSize: string;
+        let fontPx: number;
         let labelSize: string;
         let padding: string;
         let padTop: number;
@@ -57,6 +61,8 @@ export namespace FLOATING_SIZE_MAP {
         export { height_1 as height };
         let fontSize_1: string;
         export { fontSize_1 as fontSize };
+        let fontPx_1: number;
+        export { fontPx_1 as fontPx };
         let labelSize_1: string;
         export { labelSize_1 as labelSize };
         let padding_1: string;
@@ -75,6 +81,8 @@ export namespace FLOATING_SIZE_MAP {
         export { height_2 as height };
         let fontSize_2: string;
         export { fontSize_2 as fontSize };
+        let fontPx_2: number;
+        export { fontPx_2 as fontPx };
         let labelSize_2: string;
         export { labelSize_2 as labelSize };
         let padding_2: string;
@@ -107,7 +115,7 @@ export namespace FLOATING_SIZE_MAP {
  * centred `small` and left `large` 4px high — the error grew as the field got
  * TALLER. Two constants, two errors, running in opposite directions.
  */
-export const LABEL_LINE_HEIGHT: 1.4375;
+export const LABEL_LINE_HEIGHT: 1.5;
 export namespace FLOATING_LABEL_STYLE {
     export namespace small_1 {
         let resting: string;
@@ -135,7 +143,7 @@ export namespace FLOATING_LABEL_STYLE {
  *  the label's x offset. Split across two numbers (a 4px margin plus a 4px
  *  input padding) they drifted apart — the label sat 4px off the text it is
  *  supposed to be the label FOR. One constant, used by both. */
-export const ADORNMENT_GAP: 8;
+export const ADORNMENT_GAP: 12;
 export function PrimaryOutlineInput(p: any): JSX.Element;
 export function SecondaryOutlineInput(p: any): JSX.Element;
 export function TertiaryOutlineInput(p: any): JSX.Element;

package/dist/types/components/Input/InputDecorator.d.ts

@@ -0,0 +1,18 @@
+/**
+ * InputDecorator — Figma's `Input Decorator` (8590:24802): the ghost button an
+ * Input carries at its end (clear, show password, a unit picker).
+ *
+ * It IS a ghost Button, with the rules a button inside a field needs:
+ *   corners   square — it sits inside the field's padding, not on its edge
+ *   hover     the surface's --Hover with the Level-1 lift, and NO rise: a
+ *             button inside a field that jumps a pixel moves the field's text
+ *   focus     a 3px ring INSIDE the button (2px in), as the Field Button —
+ *             the field clips anything drawn outside it
+ *
+ *   <TextInput endAdornment={<InputDecorator aria-label="Clear"><BackspaceIcon /></InputDecorator>} />
+ *   <InputDecorator endDecorator={<ExpandMoreIcon />}>USD</InputDecorator>
+ *
+ * Icon-only when it has an aria-label and no text — the same rule Button uses.
+ */
+export const InputDecorator: any;
+export default InputDecorator;

package/dist/types/components/Input/index.d.ts

@@ -1,2 +1,3 @@
 export * from "./Input";
 export { default } from "./Input";
+export { InputDecorator } from "./InputDecorator";

package/dist/types/components/LinkGroup/LinkGroup.d.ts

@@ -0,0 +1,30 @@
+/**
+ * LinkGroup — Figma's `Hotlink Group` (3156:5504): links in a row with a bar
+ * between each, as in a footer or a "Privacy | Terms | Help" line.
+ *
+ *   <LinkGroup aria-label="Legal">
+ *     <Link href="/privacy">Privacy</Link>
+ *     <Link href="/terms">Terms</Link>
+ *   </LinkGroup>
+ *
+ * GAP is Sizing-2 (16) on both sides of every separator — the file's outer
+ * row. (Inside its Link Slot the file uses Sizing-1, 8, which makes the
+ * spacing uneven partway along; one gap is the intent.)
+ *
+ * The SEPARATOR is decoration: Border-Variant, the system's no-contrast
+ * decorative tone, and aria-hidden, so a screen reader hears a list of links
+ * rather than "Privacy, vertical bar, Terms".
+ *
+ * A list, so the count is announced ("list, 4 items"). Give it an aria-label
+ * and it is wrapped in a <nav> landmark — right for a footer's links, wrong
+ * for links inside a paragraph, so it is opt-in.
+ */
+export function LinkGroup({ children, separator, className, sx, "aria-label": ariaLabel, ...props }: {
+    [x: string]: any;
+    children: any;
+    separator?: string;
+    className?: string;
+    sx?: {};
+    "aria-label": any;
+}): JSX.Element;
+export default LinkGroup;

package/dist/types/components/LinkGroup/index.d.ts

@@ -0,0 +1 @@
+export { LinkGroup, default } from "./LinkGroup";

package/dist/types/components/NumberField/FieldButton.d.ts

@@ -0,0 +1,2 @@
+export const FieldButton: any;
+export default FieldButton;

package/dist/types/components/NumberField/index.d.ts

@@ -1,2 +1,3 @@
+export { FieldButton } from "./FieldButton";
 export { NumberFieldShowcase } from "./NumberFieldShowcase";
 export { NumberField, default } from "./NumberField";

package/dist/types/components/Rail/Rail.d.ts

@@ -15,4 +15,12 @@ export function Rail({ items, sections, value: controlledValue, defaultValue, on
     className?: string;
     sx?: {};
 }): JSX.Element;
+export function RailItem({ item, selected, expanded, labelStyle, variant, onClick }: {
+    item: any;
+    selected: any;
+    expanded: any;
+    labelStyle: any;
+    variant?: string;
+    onClick: any;
+}): JSX.Element;
 export default Rail;

package/dist/types/components/Rail/index.d.ts

@@ -1,2 +1,2 @@
 export { RailShowcase } from "./RailShowcase";
-export { Rail, default } from "./Rail";
+export { Rail, RailItem, default } from "./Rail";

package/dist/types/components/index.d.ts

@@ -8,13 +8,14 @@ export { IconBadgeShowcase } from "./IconBadge/IconBadgeShowcase";
 export { Button } from "./Button";
 export { ButtonGroup } from "./ButtonGroup";
 export { ToggleButton } from "./ToggleButton";
-export { Input as TextInput } from "./Input";
 export { FieldGroup } from "./FieldGroup";
 export { TextAreaField } from "./TextAreaField";
 export { Checkbox } from "./Checkbox";
 export { Chip } from "./Chip";
 export { Container } from "./Container";
 export { Grid } from "./Grid";
+export { LinkGroup } from "./LinkGroup";
+export { ImagePlaceholder } from "./ImagePlaceholder";
 export { Paper } from "./Paper";
 export { Popover } from "./Popover";
 export { Modal } from "./Modal";
@@ -35,10 +36,11 @@ export { StateMessage } from "./StateMessage";
 export { Typography, CAP_HEIGHT_TRIM, Heading, DisplayLarge, DisplayMedium, AltDisplayLarge, AltDisplayMedium, AltDisplaySmall, DisplaySmall, H1, H2, H3, H4, H5, H6, Body, Body1, Body2, BodySemibold, BodyBold, BodySmall, BodySmallSemibold, BodySmallBold, BodyLarge, BodyLargeSemibold, BodyLargeBold, Caption, CaptionBold, Subtitle, Subtitle1, Subtitle2, SubtitleSmall, SubtitleMedium, SubtitleLarge, Legal, LegalSemibold, Label, LabelExtraSmall, MobileNavLabel, LabelSmall, LabelLarge, Eyebrow, EyebrowSmall, EyebrowMedium, EyebrowLarge, Overline, OverlineSmall, OverlineMedium, OverlineLarge, NumberSmall, NumberMedium, NumberLarge, Button as ButtonText, ButtonSmall } from "./Typography";
 export { Icon, IconShowcase } from "./Icon";
 export { Fab, FabShowcase } from "./Fab";
-export { Rail, RailShowcase } from "./Rail";
+export { Rail, RailItem, RailShowcase } from "./Rail";
 export { Toolbar, ToolbarShowcase } from "./Toolbar";
-export { NumberField, NumberFieldShowcase } from "./NumberField";
+export { NumberField, FieldButton, NumberFieldShowcase } from "./NumberField";
 export { ToggleButtonGroup, DefaultToggleButtonGroup, PrimaryToggleButtonGroup, SecondaryToggleButtonGroup, TertiaryToggleButtonGroup, NeutralToggleButtonGroup, BlackWhiteToggleButtonGroup, InfoToggleButtonGroup, SuccessToggleButtonGroup, WarningToggleButtonGroup, ErrorToggleButtonGroup } from "./ToggleButtonGroup/ToggleButtonGroup";
+export { Input as TextInput, InputDecorator } from "./Input";
 export { TextField, EmailTextField, PasswordTextField, SearchTextField, NumberTextField, PhoneTextField, URLTextField, TextArea, TextFieldGroup } from "./TextField";
 export { FormLabel, FORM_LABEL_MARKERS } from "./FormLabel";
 export { InputMessage, INPUT_MESSAGE_TYPES, MESSAGE_ICONS } from "./InputMessage";
@@ -62,6 +64,7 @@ export { Pagination, PaginationShowcase } from "./Pagination";
 export { Dropdown, MenuButton, Menu, MenuItem, MenuDivider, MenuShowcase } from "./Menu";
 export { BottomNavigation, BottomNavigationShowcase } from "./BottomNavigation";
 export { Stepper, Step, StepperShowcase, useStepperContext } from "./Stepper";
+export { DatePicker, DayCell } from "./DatePicker";
 export { SpeedDial, SpeedDialShowcase } from "./SpeedDial";
 export { Card, SelectableCard } from "./Card";
 export { Gradient, LinearGradient, RadialGradient, MeshGradient, MeshCardGradient } from "./Gradient";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omni-design/components",
-  "version": "0.14.32",
+  "version": "0.14.34",
   "description": "DynoDesign adaptive component library — token-driven React components with customizable CSS theming",
   "author": "Lise Noble",
   "license": "Apache-2.0",