@qasa/qds-ui 0.10.0-next.13 → 0.10.0-next.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/checkbox/checkbox.d.ts +8 -0
- package/dist/cjs/types/components/spacer/spacer.d.ts +2 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/checkbox/checkbox.d.ts +8 -0
- package/dist/esm/types/components/spacer/spacer.d.ts +2 -1
- package/dist/index.d.ts +9 -1
- package/package.json +1 -1
|
@@ -21,6 +21,10 @@ interface CheckboxOptions {
|
|
|
21
21
|
* ```
|
|
22
22
|
*/
|
|
23
23
|
label: string | ReactElement<unknown>;
|
|
24
|
+
/**
|
|
25
|
+
* Text that provides additional guidance to the user
|
|
26
|
+
*/
|
|
27
|
+
helperText?: string;
|
|
24
28
|
/**
|
|
25
29
|
* The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
|
|
26
30
|
*/
|
|
@@ -46,6 +50,10 @@ interface CheckboxOptions {
|
|
|
46
50
|
* @default false
|
|
47
51
|
*/
|
|
48
52
|
isInvalid?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* The error message to display if `isInvalid` is `true`
|
|
55
|
+
*/
|
|
56
|
+
errorMessage?: string;
|
|
49
57
|
/**
|
|
50
58
|
* If `true` it prevents the user from interacting with the checkbox.
|
|
51
59
|
* @default false
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { Theme } from '../../theme';
|
|
3
3
|
import type { HTMLQdsProps } from '../../types';
|
|
4
|
+
import { type ResponsiveProp } from '../../hooks/use-responsive-prop';
|
|
4
5
|
interface SpacerOptions {
|
|
5
6
|
axis?: 'x' | 'y';
|
|
6
|
-
size: keyof Theme['spacing']
|
|
7
|
+
size: ResponsiveProp<keyof Theme['spacing']>;
|
|
7
8
|
}
|
|
8
9
|
export interface SpacerProps extends HTMLQdsProps<'span'>, SpacerOptions {
|
|
9
10
|
}
|
package/dist/index.d.ts
CHANGED
|
@@ -2475,6 +2475,10 @@ interface CheckboxOptions {
|
|
|
2475
2475
|
* ```
|
|
2476
2476
|
*/
|
|
2477
2477
|
label: string | ReactElement<unknown>;
|
|
2478
|
+
/**
|
|
2479
|
+
* Text that provides additional guidance to the user
|
|
2480
|
+
*/
|
|
2481
|
+
helperText?: string;
|
|
2478
2482
|
/**
|
|
2479
2483
|
* The checked state of the checkbox when it is initially rendered. Use when you do not need to control its checked state.
|
|
2480
2484
|
*/
|
|
@@ -2500,6 +2504,10 @@ interface CheckboxOptions {
|
|
|
2500
2504
|
* @default false
|
|
2501
2505
|
*/
|
|
2502
2506
|
isInvalid?: boolean;
|
|
2507
|
+
/**
|
|
2508
|
+
* The error message to display if `isInvalid` is `true`
|
|
2509
|
+
*/
|
|
2510
|
+
errorMessage?: string;
|
|
2503
2511
|
/**
|
|
2504
2512
|
* If `true` it prevents the user from interacting with the checkbox.
|
|
2505
2513
|
* @default false
|
|
@@ -5121,7 +5129,7 @@ declare const Select: react.ForwardRefExoticComponent<SelectProps & react.RefAtt
|
|
|
5121
5129
|
|
|
5122
5130
|
interface SpacerOptions {
|
|
5123
5131
|
axis?: 'x' | 'y';
|
|
5124
|
-
size: keyof Theme['spacing']
|
|
5132
|
+
size: ResponsiveProp<keyof Theme['spacing']>;
|
|
5125
5133
|
}
|
|
5126
5134
|
interface SpacerProps extends HTMLQdsProps<'span'>, SpacerOptions {
|
|
5127
5135
|
}
|