@veeqo/ui 5.1.4 → 5.2.0

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

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react';
 export interface ForwardedChoiceProps {
     disabled?: boolean;
     label?: string;
+    isFontBold?: boolean;
     hint?: string;
     tooltip?: string;
     error?: string;
@@ -14,4 +15,4 @@ export interface ChoiceProps extends ForwardedChoiceProps {
     id: string;
     children: ReactNode;
 }
-export declare const Choice: ({ id, label, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, }: ChoiceProps) => React.JSX.Element;
+export declare const Choice: ({ id, label, isFontBold, hint, tooltip, error, bordered, Badge, Accessory, Footer, children, disabled, }: ChoiceProps) => React.JSX.Element;

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

@@ -1,11 +1,14 @@
+import { CSSProperties } from 'styled-components';
 export declare const RootLayout: import("styled-components").StyledComponent<"div", any, {}, never>;
 export interface InputLayoutProps {
     align: 'top' | 'center';
 }
 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 TextLayout: import("styled-components").StyledComponent<"div", any, {
+    fontWeight: CSSProperties['fontWeight'];
+}, never>;
+export declare const ChoiceLabel: import("styled-components").StyledComponent<"label", 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/ScreenReaderOnly/ScreenReaderOnly.d.ts

@@ -0,0 +1,20 @@
+import React, { ReactNode } from 'react';
+type ScreenReaderOnlyProps = {
+    children: ReactNode;
+};
+/**
+ * The `ScreenReaderOnly` component is used to render content that is only visible to screen readers and assistive technologies. This component can be useful for providing additional context or information to users who rely on screen readers, while keeping the content visually hidden from sighted users.
+ *  * **This is not a replacement for `aria-label`.**
+ *
+ * Note: aria-label is intended for interactive elements or for elements made interactive via other ARIA declarations when there's no visible text in the DOM to serve as a label.
+ *
+ * In general, screen reader-only content should be reserved for information that is apparent visually but not apparent to blind screen reader users.
+ *
+ * **Example use cases:**
+ * - Adding instructional cues and indicators
+ * - Search input that is clearly a search bar to sighted users (search icon, etc.). A hidden, associated `<label>` element with "Search orders"
+ * - Skip to links to take the user to the main content (still need to be visibile when focused)
+ * - Breadcrumb navigation, making it clear with a "you are here" screen reader text
+ */
+export declare const ScreenReaderOnly: ({ children }: ScreenReaderOnlyProps) => React.JSX.Element;
+export {};

package/dist/components/ScreenReaderOnly/ScreenReaderOnly.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+import 'jest-styled-components';

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

@@ -0,0 +1 @@
+export { ScreenReaderOnly } from './ScreenReaderOnly';

package/dist/components/index.d.ts

@@ -33,6 +33,7 @@ export { Popover } from './Popover';
 export { Portal } from './Portal';
 export { PriceInput } from './PriceInput';
 export { Radio } from './Radio';
+export { ScreenReaderOnly } from './ScreenReaderOnly';
 export { Search } from './Search';
 export { SegmentedControl } from './SegmentedControl';
 export { Select } from './Select';