@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.
Files changed (55) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/README.md +1 -1
  3. package/es/Checkbox/CheckboxFacade/props.js +2 -1
  4. package/es/Checkbox/CheckboxFacade/styles.js +3 -2
  5. package/es/Checkbox/CheckboxFacade/theme.js +1 -0
  6. package/es/Checkbox/ToggleFacade/props.js +2 -1
  7. package/es/Checkbox/ToggleFacade/styles.js +3 -2
  8. package/es/Checkbox/ToggleFacade/theme.js +1 -0
  9. package/es/Checkbox/index.js +50 -28
  10. package/es/Checkbox/props.js +2 -1
  11. package/es/Checkbox/styles.js +14 -1
  12. package/es/Checkbox/theme.js +43 -0
  13. package/lib/Checkbox/CheckboxFacade/props.js +2 -1
  14. package/lib/Checkbox/CheckboxFacade/styles.js +3 -2
  15. package/lib/Checkbox/CheckboxFacade/theme.js +1 -0
  16. package/lib/Checkbox/ToggleFacade/props.js +2 -1
  17. package/lib/Checkbox/ToggleFacade/styles.js +3 -2
  18. package/lib/Checkbox/ToggleFacade/theme.js +1 -0
  19. package/lib/Checkbox/index.js +50 -28
  20. package/lib/Checkbox/props.js +2 -1
  21. package/lib/Checkbox/styles.js +14 -1
  22. package/lib/Checkbox/theme.js +49 -0
  23. package/package.json +19 -19
  24. package/src/Checkbox/CheckboxFacade/props.ts +6 -1
  25. package/src/Checkbox/CheckboxFacade/styles.ts +4 -2
  26. package/src/Checkbox/CheckboxFacade/theme.ts +1 -0
  27. package/src/Checkbox/README.md +11 -0
  28. package/src/Checkbox/ToggleFacade/props.ts +6 -1
  29. package/src/Checkbox/ToggleFacade/styles.ts +6 -3
  30. package/src/Checkbox/ToggleFacade/theme.ts +1 -0
  31. package/src/Checkbox/index.tsx +62 -30
  32. package/src/Checkbox/props.ts +14 -3
  33. package/src/Checkbox/styles.ts +14 -1
  34. package/src/Checkbox/theme.ts +46 -0
  35. package/tsconfig.build.tsbuildinfo +1 -1
  36. package/types/Checkbox/CheckboxFacade/index.d.ts +2 -0
  37. package/types/Checkbox/CheckboxFacade/index.d.ts.map +1 -1
  38. package/types/Checkbox/CheckboxFacade/props.d.ts +4 -0
  39. package/types/Checkbox/CheckboxFacade/props.d.ts.map +1 -1
  40. package/types/Checkbox/CheckboxFacade/styles.d.ts.map +1 -1
  41. package/types/Checkbox/CheckboxFacade/theme.d.ts.map +1 -1
  42. package/types/Checkbox/ToggleFacade/index.d.ts +2 -0
  43. package/types/Checkbox/ToggleFacade/index.d.ts.map +1 -1
  44. package/types/Checkbox/ToggleFacade/props.d.ts +4 -0
  45. package/types/Checkbox/ToggleFacade/props.d.ts.map +1 -1
  46. package/types/Checkbox/ToggleFacade/styles.d.ts.map +1 -1
  47. package/types/Checkbox/ToggleFacade/theme.d.ts.map +1 -1
  48. package/types/Checkbox/index.d.ts +4 -0
  49. package/types/Checkbox/index.d.ts.map +1 -1
  50. package/types/Checkbox/props.d.ts +2 -1
  51. package/types/Checkbox/props.d.ts.map +1 -1
  52. package/types/Checkbox/styles.d.ts +1 -1
  53. package/types/Checkbox/styles.d.ts.map +1 -1
  54. package/types/Checkbox/theme.d.ts +9 -0
  55. 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;;;;;;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"}
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;CACxB,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,CAOvC,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
+ {"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,mBAmGF,CAAA;AAED,eAAe,aAAa,CAAA"}
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,mBAuD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
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;;;;;;;;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"}
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;CACzC,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,CAQvC,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
+ {"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,iBAuJF,CAAA;AAED,eAAe,aAAa,CAAA"}
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,iBAqD9C,CAAA;AAED,eAAe,sBAAsB,CAAA"}
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;AAK7C,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;eA5Ba,MAAO,SAAS;;;;;;uBA6B5C,MAAO,WAAW;wBAEjB,MAAM,aACP;sBAEC,MAAK,UACT;qBACgB,MACZ,UAAQ;0BAGgB,MAAQ,UAC7B;yBAGS,MACV,UAAK;;;;;;;;OAjBmB;IAC5B,MAAM,CAAC,YAAY;qBA7BiB,SAAS;;;;;;6BA6BrC,WAAW;8BAEX,aACP;4BAEM,UACT;2BAEI,UAAQ;gCAGwB,UAC7B;+BAID,UAAK;;;;;;;;SAhByB;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,KAAK;IAIL,YAAY;IAiDZ,cAAc;IAUd,MAAM;CAyDP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,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;CACzC,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,GAAG,wBAAwB,CAAA;AAElE,KAAK,aAAa,GAAG,cAAc,CAAC,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC,CAAA;AAErE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoBvC,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"}
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: (_componentTheme: ComponentTheme, props: CheckboxProps) => CheckboxStyle;
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,oBACA,cAAc,SACxB,aAAa,KACnB,aAwCF,CAAA;AAED,eAAe,aAAa,CAAA"}
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"}