@veeqo/ui 5.12.5 → 5.13.0

package/dist/components/Choice/Choice.d.ts

@@ -1,4 +1,5 @@
 import React, { ReactNode } from 'react';
+import { TextVariant } from '../Text/types';
 export interface ForwardedChoiceProps {
     className?: string;
     disabled?: boolean;
@@ -10,9 +11,11 @@ export interface ForwardedChoiceProps {
     Badge?: ReactNode;
     Accessory?: ReactNode;
     Footer?: ReactNode;
+    inputPosition?: 'left' | 'right';
+    labelVariant?: TextVariant;
 }
 export interface ChoiceProps extends ForwardedChoiceProps {
     id: string;
     children: ReactNode;
 }
-export declare const Choice: ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, }: ChoiceProps) => React.JSX.Element;
+export declare const Choice: ({ id, className, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, labelVariant, inputPosition, }: ChoiceProps) => React.JSX.Element;

package/dist/components/Choice/components/styled.d.ts

@@ -5,7 +5,6 @@ export interface InputLayoutProps {
 export declare const InputLayout: import("styled-components").StyledComponent<"div", any, InputLayoutProps, never>;
 export declare const AccessoryLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const TextLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LabelText: import("styled-components").StyledComponent<"span", any, {}, never>;
 export declare const HintText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const ErrorText: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const Wrapper: import("styled-components").StyledComponent<"label", any, {

package/dist/components/Toggle/Toggle.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ToggleProps } from './types';
 /**
- * A toggle switch component, use-cases should wrap with a label or
+ * A toggle switch component, use-cases should provide a label, wrap with a custom one or pass in an aria-label.
  */
 export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;

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

@@ -1,5 +1,6 @@
+import { ForwardedChoiceProps } from '../Choice';
 import { EventHandlerProps } from '../types';
-export interface ToggleProps extends EventHandlerProps {
+export interface ToggleProps extends EventHandlerProps, ForwardedChoiceProps {
     id?: string;
     switched?: boolean;
     name?: string;

package/dist/hoc/withLabels/withLabels.d.ts

@@ -1,5 +1,6 @@
 import React, { ComponentType, FC } from 'react';
 export interface WithLabelsProps {
+    id?: string;
     label?: string;
     hint?: string | React.ReactNode;
     error?: string;

package/dist/hooks/index.d.ts

@@ -5,3 +5,4 @@ export { useFocusVisible, FocusVisibleManager } from './useFocusVisible';
 export { useHover } from './useHover';
 export { useIsOverflowing } from './useIsOverflowing';
 export { useTabs } from './useTabs';
+export { useId } from './useId';

package/dist/hooks/useId.d.ts

@@ -0,0 +1,4 @@
+export declare const useId: ({ id, prefix }: {
+    id?: string | undefined;
+    prefix?: string | undefined;
+}) => string;

package/dist/hooks/useId.test.d.ts

@@ -0,0 +1 @@
+export {};