@omni-design/components 0.10.0 → 0.11.0

package/dist/types/components/Avatar/AvatarGlyph.d.ts

@@ -0,0 +1,5 @@
+export function AvatarGlyph({ size, ...props }: {
+    [x: string]: any;
+    size?: string;
+}): JSX.Element;
+export default AvatarGlyph;

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

@@ -1,3 +1,4 @@
 export { AvatarShowcase } from "./AvatarShowcase";
 export { DEFAULT_AVATAR_SRC } from "./defaultAvatar";
+export { AvatarGlyph } from "./AvatarGlyph";
 export { Avatar, AvatarGroup, default } from "./Avatar";

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

@@ -11,8 +11,12 @@ export function Icon({ children, color, size, fontSize: customFontSize, disabled
     "aria-label": any;
 }): JSX.Element;
 export namespace ICON_SIZE_MAP {
+    let xxs: string;
+    let xs: string;
     let small: string;
     let medium: string;
     let large: string;
+    let xl: string;
+    let xxl: string;
 }
 export default Icon;

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

@@ -1,5 +1,7 @@
-export function Pagination({ count, page: controlledPage, defaultPage, onChange, color, size, siblingCount, boundaryCount, disabled, showFirstButton, showLastButton, className, sx, ...props }: {
+export function Pagination({ theme, surface, count, page: controlledPage, defaultPage, onChange, color, size, siblingCount, boundaryCount, disabled, showFirstButton, showLastButton, className, sx, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     count?: number;
     page: any;
     defaultPage?: number;

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

@@ -1,5 +1,7 @@
-export function Radio({ color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
+export function Radio({ theme, surface, color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     color?: string;
     size?: string;
     label: any;
@@ -34,8 +36,10 @@ export function RadioGroup({ color, size, label, options, value, onChange, orien
     "aria-label": any;
     "aria-labelledby": any;
 }): JSX.Element;
-export function RadioInput({ color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
+export function RadioInput({ theme, surface, color, size, label, labelPlacement, checked, disabled, onChange, name, value, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, inputProps: inputPropsProp, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     color?: string;
     size?: string;
     label: any;

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

@@ -1,5 +1,7 @@
-export function Rating({ value: controlledValue, defaultValue, onChange, max, precision, color, size, readOnly, disabled, emptyLabel, className, sx, ...props }: {
+export function Rating({ theme, surface, value: controlledValue, defaultValue, onChange, max, precision, color, size, readOnly, disabled, emptyLabel, className, sx, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     value: any;
     defaultValue: any;
     onChange: any;

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

@@ -1,5 +1,7 @@
-export function Slider({ variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function Slider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     variant?: string;
     size?: string;
     value: any;
@@ -30,8 +32,10 @@ export function InfoSlider(p: any): JSX.Element;
 export function SuccessSlider(p: any): JSX.Element;
 export function WarningSlider(p: any): JSX.Element;
 export function ErrorSlider(p: any): JSX.Element;
-export function SliderInput({ variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function SliderInput({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     variant?: string;
     size?: string;
     value: any;
@@ -53,8 +57,10 @@ export function SliderInput({ variant, size, value, defaultValue, onChange, onCh
     "aria-label": any;
     "aria-labelledby": any;
 }): JSX.Element;
-export function RangeSlider({ variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
+export function RangeSlider({ theme, surface, variant, size, value, defaultValue, onChange, onChangeCommitted, min, max, step, marks, valueLabelDisplay, orientation, track, disabled, label, name, className, sx, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     variant?: string;
     size?: string;
     value: any;

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

@@ -1,5 +1,7 @@
-export function Stepper({ children, orientation, size, color, activeStep, clickable, onStepClick, dashedIncomplete, variant, className, sx, ...props }: {
+export function Stepper({ theme, surface, children, orientation, size, color, activeStep, clickable, onStepClick, dashedIncomplete, variant, className, sx, ...props }: {
     [x: string]: any;
+    theme: any;
+    surface: any;
     children: any;
     orientation?: string;
     size?: string;

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

@@ -1,4 +1,16 @@
-export function Tabs({ children, defaultValue, value: controlledValue, onChange, variant, color, size, orientation, scrollable, className, sx, ...props }: {
+export function baselineStyle(orientation: any, baseline?: boolean): {
+    [x: string]: string;
+};
+export function hoverIndicatorStyle(orientation: any, isSelected: any, thickness: any, color: any): {
+    [x: string]: string;
+};
+export function indicatorStyle(orientation: any, isSelected: any, thickness: any, color: any): {
+    [x: string]: string;
+    borderBottom: string;
+    borderLeft: string;
+    borderRight: string;
+};
+export function Tabs({ children, defaultValue, value: controlledValue, onChange, variant, color, size, orientation, scrollable, baseline, className, sx, ...props }: {
     [x: string]: any;
     children: any;
     defaultValue?: number;
@@ -9,6 +21,7 @@ export function Tabs({ children, defaultValue, value: controlledValue, onChange,
     size?: string;
     orientation?: string;
     scrollable?: boolean;
+    baseline?: boolean;
     className?: string;
     sx?: {};
 }): JSX.Element;
@@ -38,6 +51,8 @@ export function TabPanel({ children, value: panelValue, className, sx, ...props
     className?: string;
     sx?: {};
 }): JSX.Element;
+export function edgeFor(orientation: any): any;
+export function isHorizontalOrientation(orientation: any): boolean;
 export function useTabsContext(): {
     value: number;
     setValue: () => void;
@@ -46,6 +61,7 @@ export function useTabsContext(): {
     size: string;
     orientation: string;
     scrollable: boolean;
+    baseline: boolean;
     tabsId: string;
 };
 export default Tabs;

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

@@ -1 +1 @@
-export { ToggleButton, ToggleButtonGroup, TextFormatToggleGroup, AlignmentToggleGroup, ViewModeToggleGroup, SizeToggleGroup, VerticalToggleButtonGroup, DisabledToggleButton, ToggleButtonShowcase, default } from "./ToggleButton";
+export { ToggleButton, ToggleButtonShowcase, DisabledToggleButton, ToggleButton as default } from "./ToggleButton";

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

@@ -1,48 +1,32 @@
-/**
- * One segment.
- *
- * startDecorator / endDecorator mirror Button: a node either side of the
- * label, separated by the same 2px gap. They are DECORATION — the segment's
- * accessible name comes from its text (or from aria-label on an icon-only
- * segment), so a decorator must not add a second one.
- *
- * The group sizes whatever lands in these slots, so an <Icon> or <Avatar>
- * follows the group's size prop without being told twice.
- */
-export function ToggleButton({ value, children, startDecorator, endDecorator, swatch, disabled, sx, ...props }: {
-    [x: string]: any;
-    value: any;
-    children: any;
-    startDecorator: any;
-    endDecorator: any;
-    swatch: any;
-    disabled?: boolean;
-    sx?: {};
-}): JSX.Element;
-export function ToggleButtonGroup({ variant, size, value, defaultValue, onChange, exclusive, orientation, disabled, fullWidth, children, className, sx, "aria-label": ariaLabel, ...props }: {
+/** @deprecated Use ButtonGroup. */
+export function ToggleButtonGroup({ variant, exclusive, onChange, ...props }: {
     [x: string]: any;
     variant?: string;
-    size?: string;
-    value: any;
-    defaultValue: any;
-    onChange: any;
     exclusive?: boolean;
-    orientation?: string;
-    disabled?: boolean;
-    fullWidth?: boolean;
-    children: any;
-    className?: string;
-    sx?: {};
-    "aria-label": any;
+    onChange: any;
 }): JSX.Element;
+/** @deprecated Use Button with a `value` prop as a ButtonGroup segment. */
+export function ToggleButton(props: any): JSX.Element;
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup {
+    let displayName: string;
+}
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
+export function DefaultToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
 export function DefaultToggleButtonGroup(p: any): JSX.Element;
-export function PrimaryToggleButtonGroup(p: any): JSX.Element;
-export function SecondaryToggleButtonGroup(p: any): JSX.Element;
-export function TertiaryToggleButtonGroup(p: any): JSX.Element;
-export function NeutralToggleButtonGroup(p: any): JSX.Element;
-export function BlackWhiteToggleButtonGroup(p: any): JSX.Element;
-export function InfoToggleButtonGroup(p: any): JSX.Element;
-export function SuccessToggleButtonGroup(p: any): JSX.Element;
-export function WarningToggleButtonGroup(p: any): JSX.Element;
-export function ErrorToggleButtonGroup(p: any): JSX.Element;
+export namespace DefaultToggleButtonGroup { }
 export default ToggleButtonGroup;

package/package.json

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