@instructure/ui-checkbox 9.8.1 → 9.9.0
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/CHANGELOG.md +11 -0
- package/README.md +1 -1
- package/es/Checkbox/CheckboxFacade/props.js +2 -1
- package/es/Checkbox/CheckboxFacade/styles.js +3 -2
- package/es/Checkbox/CheckboxFacade/theme.js +1 -0
- package/es/Checkbox/ToggleFacade/props.js +2 -1
- package/es/Checkbox/ToggleFacade/styles.js +3 -2
- package/es/Checkbox/ToggleFacade/theme.js +1 -0
- package/es/Checkbox/index.js +50 -28
- package/es/Checkbox/props.js +2 -1
- package/es/Checkbox/styles.js +14 -1
- package/es/Checkbox/theme.js +43 -0
- package/lib/Checkbox/CheckboxFacade/props.js +2 -1
- package/lib/Checkbox/CheckboxFacade/styles.js +3 -2
- package/lib/Checkbox/CheckboxFacade/theme.js +1 -0
- package/lib/Checkbox/ToggleFacade/props.js +2 -1
- package/lib/Checkbox/ToggleFacade/styles.js +3 -2
- package/lib/Checkbox/ToggleFacade/theme.js +1 -0
- package/lib/Checkbox/index.js +50 -28
- package/lib/Checkbox/props.js +2 -1
- package/lib/Checkbox/styles.js +14 -1
- package/lib/Checkbox/theme.js +49 -0
- package/package.json +19 -19
- package/src/Checkbox/CheckboxFacade/props.ts +6 -1
- package/src/Checkbox/CheckboxFacade/styles.ts +4 -2
- package/src/Checkbox/CheckboxFacade/theme.ts +1 -0
- package/src/Checkbox/README.md +11 -0
- package/src/Checkbox/ToggleFacade/props.ts +6 -1
- package/src/Checkbox/ToggleFacade/styles.ts +6 -3
- package/src/Checkbox/ToggleFacade/theme.ts +1 -0
- package/src/Checkbox/index.tsx +62 -30
- package/src/Checkbox/props.ts +14 -3
- package/src/Checkbox/styles.ts +14 -1
- package/src/Checkbox/theme.ts +46 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Checkbox/CheckboxFacade/index.d.ts +2 -0
- package/types/Checkbox/CheckboxFacade/index.d.ts.map +1 -1
- package/types/Checkbox/CheckboxFacade/props.d.ts +4 -0
- package/types/Checkbox/CheckboxFacade/props.d.ts.map +1 -1
- package/types/Checkbox/CheckboxFacade/styles.d.ts.map +1 -1
- package/types/Checkbox/CheckboxFacade/theme.d.ts.map +1 -1
- package/types/Checkbox/ToggleFacade/index.d.ts +2 -0
- package/types/Checkbox/ToggleFacade/index.d.ts.map +1 -1
- package/types/Checkbox/ToggleFacade/props.d.ts +4 -0
- package/types/Checkbox/ToggleFacade/props.d.ts.map +1 -1
- package/types/Checkbox/ToggleFacade/styles.d.ts.map +1 -1
- package/types/Checkbox/ToggleFacade/theme.d.ts.map +1 -1
- package/types/Checkbox/index.d.ts +4 -0
- package/types/Checkbox/index.d.ts.map +1 -1
- package/types/Checkbox/props.d.ts +2 -1
- package/types/Checkbox/props.d.ts.map +1 -1
- package/types/Checkbox/styles.d.ts +1 -1
- package/types/Checkbox/styles.d.ts.map +1 -1
- package/types/Checkbox/theme.d.ts +9 -0
- package/types/Checkbox/theme.d.ts.map +1 -0
|
@@ -16,6 +16,7 @@ declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
16
16
|
hovered?: boolean;
|
|
17
17
|
size?: "small" | "medium" | "large";
|
|
18
18
|
indeterminate?: boolean;
|
|
19
|
+
invalid?: boolean;
|
|
19
20
|
}>;
|
|
20
21
|
static allowedProps: readonly (keyof {
|
|
21
22
|
children: React.ReactNode;
|
|
@@ -24,6 +25,7 @@ declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
24
25
|
hovered?: boolean;
|
|
25
26
|
size?: "small" | "medium" | "large";
|
|
26
27
|
indeterminate?: boolean;
|
|
28
|
+
invalid?: boolean;
|
|
27
29
|
})[];
|
|
28
30
|
static defaultProps: {
|
|
29
31
|
checked: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;kBAfQ,MAAM,SAC5B
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;kBAfQ,MAAM,SAC5B;;;;;;;OAc0B;IAC5B,MAAM,CAAC,YAAY;wBAhBW,SAC5B;;;;;;;SAegC;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAcV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -10,6 +10,10 @@ type CheckboxFacadeOwnProps = {
|
|
|
10
10
|
* Visual state showing that child checkboxes are a combination of checked and unchecked
|
|
11
11
|
*/
|
|
12
12
|
indeterminate?: boolean;
|
|
13
|
+
/**
|
|
14
|
+
* Indicate if the parent component (`Checkbox`) is invalid to set the style accordingly.
|
|
15
|
+
*/
|
|
16
|
+
invalid?: boolean;
|
|
13
17
|
};
|
|
14
18
|
type PropKeys = keyof CheckboxFacadeOwnProps;
|
|
15
19
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/props.ts"],"names":[],"mappings":"AA0BA,OAAO,KAAK,EACV,cAAc,EACd,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,sBAAsB,GAAG;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,mBAAmB,GAAG,sBAAsB,GAC/C,cAAc,CAAC,mBAAmB,EAAE,mBAAmB,CAAC,CAAA;AAE1D,KAAK,mBAAmB,GAAG,cAAc,CAAC,gBAAgB,GAAG,QAAQ,GAAG,OAAO,CAAC,CAAA;AAEhF,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,CAAA;AACxD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,mBAAmB,SAC5B,mBAAmB,KACzB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,mBAAmB,SAC5B,mBAAmB,KACzB,mBAqGF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,mBAwD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -17,6 +17,7 @@ declare class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
17
17
|
focused?: boolean;
|
|
18
18
|
size?: "small" | "medium" | "large";
|
|
19
19
|
labelPlacement?: "top" | "start" | "end";
|
|
20
|
+
invalid?: boolean;
|
|
20
21
|
}>;
|
|
21
22
|
static allowedProps: readonly (keyof {
|
|
22
23
|
children: import("react").ReactNode;
|
|
@@ -26,6 +27,7 @@ declare class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
26
27
|
focused?: boolean;
|
|
27
28
|
size?: "small" | "medium" | "large";
|
|
28
29
|
labelPlacement?: "top" | "start" | "end";
|
|
30
|
+
invalid?: boolean;
|
|
29
31
|
})[];
|
|
30
32
|
static defaultProps: {
|
|
31
33
|
checked: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -9,6 +9,10 @@ type ToggleFacadeOwnProps = {
|
|
|
9
9
|
focused?: boolean;
|
|
10
10
|
size?: 'small' | 'medium' | 'large';
|
|
11
11
|
labelPlacement?: 'top' | 'start' | 'end';
|
|
12
|
+
/**
|
|
13
|
+
* Indicate if the parent component (`Checkbox`) is invalid to set the style accordingly.
|
|
14
|
+
*/
|
|
15
|
+
invalid?: boolean;
|
|
12
16
|
};
|
|
13
17
|
type PropKeys = keyof ToggleFacadeOwnProps;
|
|
14
18
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,KAAK,oBAAoB,GAAG;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,iBAAiB,GAAG,oBAAoB,GAC3C,cAAc,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAA;AAEtD,KAAK,iBAAiB,GAAG,cAAc,CACrC,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,OAAO,CACxE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CASvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,iBAAiB,SAC1B,iBAAiB,KACvB,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAClE,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,iBAAiB,SAC1B,iBAAiB,KACvB,iBA0JF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAA;AAE7D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,iBAsD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|
|
@@ -32,6 +32,7 @@ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
|
32
32
|
variant?: "simple" | "toggle";
|
|
33
33
|
inline?: boolean;
|
|
34
34
|
labelPlacement?: "top" | "start" | "end";
|
|
35
|
+
isRequired?: boolean;
|
|
35
36
|
}>;
|
|
36
37
|
static allowedProps: readonly (keyof {
|
|
37
38
|
label: React.ReactNode;
|
|
@@ -53,6 +54,7 @@ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
|
53
54
|
variant?: "simple" | "toggle";
|
|
54
55
|
inline?: boolean;
|
|
55
56
|
labelPlacement?: "top" | "start" | "end";
|
|
57
|
+
isRequired?: boolean;
|
|
56
58
|
})[];
|
|
57
59
|
static defaultProps: {
|
|
58
60
|
size: string;
|
|
@@ -79,6 +81,8 @@ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
|
79
81
|
get id(): string;
|
|
80
82
|
get checked(): boolean | undefined;
|
|
81
83
|
get focused(): boolean;
|
|
84
|
+
get isNewError(): boolean;
|
|
85
|
+
get invalid(): boolean;
|
|
82
86
|
focus(): void;
|
|
83
87
|
renderFacade(): jsx.JSX.Element;
|
|
84
88
|
renderMessages(): jsx.JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAM7C,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO3D;;;;;GAKG;AAEH,cAGM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;eA7Ba,MAAO,SAAS;;;;;;uBA2BhC,MAAO,WAAW;wBAG9B,MAAO,aAAa;sBAEnB,MAAM,UACV;qBACmB,MACd,UAAU;0BAEE,MACb,UAAS;yBAGe,MAAQ,UAC7B;;;;;;;;;OAbuB;IAC5B,MAAM,CAAC,YAAY;qBA9BiB,SAAS;;;;;;6BA2BzB,WAAW;8BAGvB,aAAa;4BAEb,UACV;2BAEK,UAAU;gCAGX,UAAS;+BAGuB,UAC7B;;;;;;;;;SAZ6B;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAEW,KAAK,EAAE,aAAa;IAmBhC,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,MAAM,CAAgC;IAE9C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,aAAa;IAQ3C,YAAY,MAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAerD;IAED,aAAa,MAAO,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAKxD;IAED,WAAW,aAIV;IAED,UAAU,aAIT;IAED,eAAe,aAKd;IAED,cAAc,aAIb;IAED,IAAI,EAAE,WAEL;IAED,IAAI,OAAO,wBAIV;IAED,IAAI,OAAO,YAEV;IAED,IAAI,UAAU,YAEb;IAED,IAAI,OAAO,YAIV;IAED,KAAK;IAIL,YAAY;IA2DZ,cAAc;IAmBd,MAAM;CA2DP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -43,11 +43,12 @@ type CheckboxOwnProps = {
|
|
|
43
43
|
variant?: 'simple' | 'toggle';
|
|
44
44
|
inline?: boolean;
|
|
45
45
|
labelPlacement?: 'top' | 'start' | 'end';
|
|
46
|
+
isRequired?: boolean;
|
|
46
47
|
};
|
|
47
48
|
type PropKeys = keyof CheckboxOwnProps;
|
|
48
49
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
49
50
|
type CheckboxProps = CheckboxOwnProps & WithStyleProps<CheckboxFacadeTheme | ToggleFacadeTheme, CheckboxStyle> & OtherHTMLAttributes<CheckboxOwnProps> & WithDeterministicIdProps;
|
|
50
|
-
type CheckboxStyle = ComponentStyle<'checkbox' | 'input' | 'control'>;
|
|
51
|
+
type CheckboxStyle = ComponentStyle<'checkbox' | 'input' | 'control' | 'container' | 'requiredInvalid' | 'indentedError' | 'indentedToggleError'>;
|
|
51
52
|
declare const propTypes: PropValidators<PropKeys>;
|
|
52
53
|
declare const allowedProps: AllowedPropKeys;
|
|
53
54
|
type CheckboxState = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Checkbox/props.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IAExB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Checkbox/props.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,KAAK,EACV,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,iBAAiB,EAClB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAE3E,KAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IAExB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC3D,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC9D,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACzD,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxD,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D,UAAU,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAA;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,cAAc,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,KAAK,CAAA;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,mBAAmB,GAAG,iBAAiB,EAAE,aAAa,CAAC,GACtE,mBAAmB,CAAC,gBAAgB,CAAC,GACrC,wBAAwB,CAAA;AAE1B,KAAK,aAAa,GAAG,cAAc,CAC/B,UAAU,GACV,OAAO,GACP,SAAS,GACT,WAAW,GACX,iBAAiB,GACjB,eAAe,GACf,qBAAqB,CACxB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAqBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAoBnB,CAAA;AAED,KAAK,aAAa,GAAG;IACnB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC3D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -10,6 +10,6 @@ import type { ComponentTheme } from '@instructure/shared-types';
|
|
|
10
10
|
* @param {Object} state the state of the component, the style is applied to
|
|
11
11
|
* @return {Object} The final style object, which will be used in the component
|
|
12
12
|
*/
|
|
13
|
-
declare const generateStyle: (
|
|
13
|
+
declare const generateStyle: (componentTheme: ComponentTheme, props: CheckboxProps) => CheckboxStyle;
|
|
14
14
|
export default generateStyle;
|
|
15
15
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Checkbox/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Checkbox/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,cAAc,SACvB,aAAa,KACnB,aAqDF,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Theme } from '@instructure/ui-themes';
|
|
2
|
+
/**
|
|
3
|
+
* Generates the theme object for the component from the theme and provided additional information
|
|
4
|
+
* @param {Object} theme The actual theme object.
|
|
5
|
+
* @return {Object} The final theme object with the overrides and component variables
|
|
6
|
+
*/
|
|
7
|
+
declare const generateComponentTheme: (theme: Theme) => any;
|
|
8
|
+
export default generateComponentTheme;
|
|
9
|
+
//# sourceMappingURL=theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/Checkbox/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEnD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,GAY9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
|