@instructure/ui-checkbox 8.8.1-snapshot.8 → 8.9.0

package/src/index.ts

@@ -24,7 +24,7 @@
 export { Checkbox, CheckboxFacade, ToggleFacade } from './Checkbox'
 export { CheckboxGroup } from './CheckboxGroup'
 
-export type { CheckboxProps } from './Checkbox/types'
-export type { CheckboxFacadeProps } from './Checkbox/CheckboxFacade/types'
-export type { ToggleFacadeProps } from './Checkbox/ToggleFacade/types'
-export type { CheckboxGroupProps } from './CheckboxGroup/types'
+export type { CheckboxProps } from './Checkbox/props'
+export type { CheckboxFacadeProps } from './Checkbox/CheckboxFacade/props'
+export type { ToggleFacadeProps } from './Checkbox/ToggleFacade/props'
+export type { CheckboxGroupProps } from './CheckboxGroup/props'

package/types/Checkbox/CheckboxFacade/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { CheckboxFacadeProps } from './types';
+import type { CheckboxFacadeProps } from './props';
 /**
 ---
 parent: Checkbox
@@ -10,19 +9,22 @@ parent: Checkbox
 **/
 declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
     static readonly componentId = "CheckboxFacade";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        checked: PropTypes.Requireable<boolean>;
-        focused: PropTypes.Requireable<boolean>;
-        hovered: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        /**
-         * Visual state showing that child checkboxes are a combination of checked and unchecked
-         */
-        indeterminate: PropTypes.Requireable<boolean>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: import("react").ReactNode;
+        checked?: boolean | undefined;
+        focused?: boolean | undefined;
+        hovered?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        indeterminate?: boolean | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: import("react").ReactNode;
+        checked?: boolean | undefined;
+        focused?: boolean | undefined;
+        hovered?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        indeterminate?: boolean | undefined;
+    })[];
     static defaultProps: {
         checked: boolean;
         focused: boolean;

package/types/Checkbox/CheckboxFacade/index.d.ts.map

@@ -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;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAKlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,SAAS;;;;;;;;QAUd;;WAEG;;MAEJ;IAED,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAeV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
+{"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;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAeV,MAAM;CAYP;AAED,eAAe,cAAc,CAAA;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}

package/types/Checkbox/CheckboxFacade/props.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type CheckboxFacadeOwnProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    focused?: boolean;
+    hovered?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    indeterminate?: boolean;
+};
+declare type PropKeys = keyof CheckboxFacadeOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type CheckboxFacadeProps = CheckboxFacadeOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { CheckboxFacadeProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Checkbox/CheckboxFacade/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/CheckboxFacade/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,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,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,sBAAsB,CAAA;AAE5C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,mBAAmB,GAAG,sBAAsB,GAAG,cAAc,CAAA;AAElE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAUvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,mBAAmB,EAAE,CAAA;AACnC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Checkbox/CheckboxFacade/styles.d.ts

@@ -1,5 +1,5 @@
 import { CheckboxFacadeTheme } from '@instructure/shared-types';
-import { CheckboxFacadeProps } from './types';
+import { CheckboxFacadeProps } from './props';
 /**
  * ---
  * private: true

package/types/Checkbox/ToggleFacade/index.d.ts

@@ -1,8 +1,7 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
-import { ToggleFacadeProps } from './types';
+import type { ToggleFacadeProps } from './props';
 /**
 ---
 parent: Checkbox
@@ -10,17 +9,24 @@ parent: Checkbox
 **/
 declare class ToggleFacade extends Component<ToggleFacadeProps> {
     static readonly componentId = "ToggleFacade";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        checked: PropTypes.Requireable<boolean>;
-        disabled: PropTypes.Requireable<boolean>;
-        readOnly: PropTypes.Requireable<boolean>;
-        focused: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        labelPlacement: PropTypes.Requireable<string>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children: import("react").ReactNode;
+        checked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        labelPlacement?: "top" | "end" | "start" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children: import("react").ReactNode;
+        checked?: boolean | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        focused?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        labelPlacement?: "top" | "end" | "start" | undefined;
+    })[];
     static defaultProps: {
         checked: boolean;
         focused: boolean;

package/types/Checkbox/ToggleFacade/index.d.ts.map

@@ -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;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAIlC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,SAAS;;;;;;;;;;MAYf;IAED,MAAM,CAAC,YAAY;;;;;;;MAOlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
+{"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,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,UAAU;IAUV,WAAW;IAMX,MAAM;CAgBP;AAED,eAAe,YAAY,CAAA;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}

package/types/Checkbox/ToggleFacade/props.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type ToggleFacadeOwnProps = {
+    children: React.ReactNode;
+    checked?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    focused?: boolean;
+    size?: 'small' | 'medium' | 'large';
+    labelPlacement?: 'top' | 'start' | 'end';
+};
+declare type PropKeys = keyof ToggleFacadeOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type ToggleFacadeProps = ToggleFacadeOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { ToggleFacadeProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Checkbox/ToggleFacade/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/ToggleFacade/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,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,aAAK,QAAQ,GAAG,MAAM,oBAAoB,CAAA;AAE1C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,iBAAiB,GAAG,oBAAoB,GAAG,cAAc,CAAA;AAE9D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAQvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Checkbox/ToggleFacade/styles.d.ts

@@ -1,5 +1,5 @@
 import { ToggleFacadeTheme } from '@instructure/shared-types';
-import { ToggleFacadeProps } from './types';
+import { ToggleFacadeProps } from './props';
 /**
  * ---
  * private: true

package/types/Checkbox/index.d.ts

@@ -1,10 +1,9 @@
 /** @jsx jsx */
 import { Component } from 'react';
-import PropTypes from 'prop-types';
 import { jsx } from '@instructure/emotion';
 import { CheckboxFacade } from './CheckboxFacade';
 import { ToggleFacade } from './ToggleFacade';
-import { CheckboxProps } from './types';
+import type { CheckboxProps } from './props';
 /**
 ---
 category: components
@@ -13,53 +12,48 @@ tags: toggle, switch
 **/
 declare class Checkbox extends Component<CheckboxProps> {
     static readonly componentId = "Checkbox";
-    static propTypes: {
-        makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
-        styles: PropTypes.Requireable<object>;
-        label: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        id: PropTypes.Requireable<string>;
-        value: PropTypes.Requireable<string | number>;
-        /**
-         * object with shape: `{
-         * text: PropTypes.string,
-         * type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-         *   }`
-         */
-        messages: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        defaultChecked: PropTypes.Requireable<boolean>;
-        /**
-         * whether the input is checked or not (must be accompanied by an `onChange` prop)
-         */
-        checked: (props: Record<string, any>, propName: string, componentName: string) => Error | null;
-        /**
-         * when used with the `checked` prop, the component will not control its own state
-         */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        onKeyDown: PropTypes.Requireable<(...args: any[]) => any>;
-        onFocus: PropTypes.Requireable<(...args: any[]) => any>;
-        onBlur: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOver: PropTypes.Requireable<(...args: any[]) => any>;
-        onMouseOut: PropTypes.Requireable<(...args: any[]) => any>;
-        /**
-         * Whether or not to disable the checkbox
-         */
-        disabled: PropTypes.Requireable<boolean>;
-        /**
-         * Works just like disabled but keeps the same styles as if it were active
-         */
-        readOnly: PropTypes.Requireable<boolean>;
-        /**
-         * Visual state showing that child checkboxes are a combination of checked and unchecked
-         */
-        indeterminate: PropTypes.Requireable<boolean>;
-        size: PropTypes.Requireable<string>;
-        variant: PropTypes.Requireable<string>;
-        inline: PropTypes.Requireable<boolean>;
-        labelPlacement: PropTypes.Requireable<string>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        label: import("react").ReactNode;
+        id?: string | undefined;
+        value?: string | number | undefined;
+        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        defaultChecked?: boolean | undefined;
+        checked?: any;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        onMouseOut?: ((...args: any[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        variant?: "simple" | "toggle" | undefined;
+        inline?: boolean | undefined;
+        labelPlacement?: "top" | "end" | "start" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        label: import("react").ReactNode;
+        id?: string | undefined;
+        value?: string | number | undefined;
+        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        defaultChecked?: boolean | undefined;
+        checked?: any;
+        onChange?: ((...args: any[]) => any) | undefined;
+        onKeyDown?: ((...args: any[]) => any) | undefined;
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onMouseOver?: ((...args: any[]) => any) | undefined;
+        onMouseOut?: ((...args: any[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        indeterminate?: boolean | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        variant?: "simple" | "toggle" | undefined;
+        inline?: boolean | undefined;
+        labelPlacement?: "top" | "end" | "start" | undefined;
+    })[];
     static defaultProps: {
         size: string;
         variant: string;
@@ -67,17 +61,6 @@ declare class Checkbox extends Component<CheckboxProps> {
         inline: boolean;
         indeterminate: boolean;
         readOnly: boolean;
-        onChange: undefined;
-        onKeyDown: undefined;
-        onFocus: undefined;
-        onBlur: undefined;
-        onMouseOut: undefined;
-        onMouseOver: undefined;
-        checked: undefined;
-        defaultChecked: undefined;
-        messages: undefined;
-        id: undefined;
-        value: undefined;
         labelPlacement: string;
     };
     constructor(props: any);

package/types/Checkbox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,YAAY,CAAA;AAalC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;QAQd;;;;;WAKG;;;;;;QAIH;;WAEG;;QAEH;;WAEG;;;;;;;QAOH;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;;;MAMJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;MAmBlB;gBAGW,KAAK,KAAA;IAiBjB,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,KAAA;IAY5B,YAAY,mBAgBX;IAGD,aAAa,mBAUZ;IAGD,WAAW,mBAIV;IAGD,UAAU,mBAIT;IAGD,eAAe,mBAId;IAGD,cAAc,mBAIb;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,QAKV;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,YAAY;IAuDZ,cAAc;IAUd,MAAM;CAyDP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Checkbox/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,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,MAAM,SAAS,CAAA;AAE5C;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;MAQlB;gBAGW,KAAK,KAAA;IAiBjB,iBAAiB;IAUjB,kBAAkB,CAAC,SAAS,KAAA;IAY5B,YAAY,mBAgBX;IAGD,aAAa,mBAUZ;IAGD,WAAW,mBAIV;IAGD,UAAU,mBAIT;IAGD,eAAe,mBAId;IAGD,cAAc,mBAIb;IAED,IAAI,EAAE,QAGL;IAED,IAAI,OAAO,QAKV;IAED,IAAI,OAAO,YAGV;IAED,KAAK;IAKL,YAAY;IAuDZ,cAAc;IAUd,MAAM;CAyDP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}

package/types/Checkbox/{types.d.ts → props.d.ts}

@@ -1,8 +1,8 @@
 /// <reference types="react" />
 import type { FormMessage } from '@instructure/ui-form-field';
-export declare type CheckboxProps = {
-    makeStyles?: (...args: any[]) => any;
-    styles?: any;
+import type { PropValidators } from '@instructure/shared-types';
+import type { WithStyleProps } from '@instructure/emotion';
+declare type CheckboxOwnProps = {
     label: React.ReactNode;
     id?: string;
     value?: string | number;
@@ -23,4 +23,11 @@ export declare type CheckboxProps = {
     inline?: boolean;
     labelPlacement?: 'top' | 'start' | 'end';
 };
-//# sourceMappingURL=types.d.ts.map
+declare type PropKeys = keyof CheckboxOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type CheckboxProps = CheckboxOwnProps & WithStyleProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { CheckboxProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map

package/types/Checkbox/props.d.ts.map

@@ -0,0 +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,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1D,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAClC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IAChC,WAAW,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACrC,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,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,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GAAG,cAAc,CAAA;AAEtD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA0CvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAoBnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,CAAA;AAC7B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Checkbox/styles.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps } from './types';
+import { CheckboxProps } from './props';
 /**
  * ---
  * private: true

package/types/CheckboxGroup/index.d.ts

@@ -1,6 +1,5 @@
-import { Component } from 'react';
-import PropTypes from 'prop-types';
-import { CheckboxGroupProps } from './types';
+import React, { Component } from 'react';
+import type { CheckboxGroupProps } from './props';
 /**
 ---
 category: components
@@ -8,52 +7,37 @@ category: components
 **/
 declare class CheckboxGroup extends Component<CheckboxGroupProps> {
     static readonly componentId = "CheckboxGroup";
-    static propTypes: {
-        name: PropTypes.Validator<string>;
-        description: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
-        /**
-         * value to set on initial render
-         */
-        defaultValue: PropTypes.Requireable<any[]>;
-        /**
-         * the selected values (must be accompanied by an `onChange` prop)
-         */
-        value: (props: Record<string, any>, propName: string, componentName: string) => Error | null;
-        /**
-         * when used with the `value` prop, the component will not control its own state
-         */
-        onChange: PropTypes.Requireable<(...args: any[]) => any>;
-        disabled: PropTypes.Requireable<boolean>;
-        readOnly: PropTypes.Requireable<boolean>;
-        /**
-        * object with shape: `{
-        text: PropTypes.string,
-        type: PropTypes.oneOf(['error', 'hint', 'success', 'screenreader-only'])
-          }`
-        */
-        messages: PropTypes.Requireable<(PropTypes.InferProps<{
-            text: PropTypes.Requireable<string>;
-            type: PropTypes.Requireable<string>;
-        }> | null | undefined)[]>;
-        /**
-         * children of type `Checkbox`
-         */
-        children: {
-            (props: Record<string, any>, propName: string, componentName: string): Error | null;
-            isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
-        };
-        size: PropTypes.Requireable<string>;
-        layout: PropTypes.Requireable<string>;
-    };
+    static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
+        children?: React.ReactNode;
+        name: string;
+        description: React.ReactNode;
+        defaultValue?: any[] | undefined;
+        value?: any;
+        onChange?: ((...args: any[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        layout?: "columns" | "inline" | "stacked" | undefined;
+    }>;
+    static allowedProps: readonly (keyof {
+        children?: React.ReactNode;
+        name: string;
+        description: React.ReactNode;
+        defaultValue?: any[] | undefined;
+        value?: any;
+        onChange?: ((...args: any[]) => any) | undefined;
+        disabled?: boolean | undefined;
+        readOnly?: boolean | undefined;
+        messages?: import("@instructure/ui-form-field").FormMessage[] | undefined;
+        size?: "small" | "medium" | "large" | undefined;
+        layout?: "columns" | "inline" | "stacked" | undefined;
+    })[];
     static defaultProps: {
         disabled: boolean;
         readOnly: boolean;
         size: string;
         layout: string;
-        defaultValue: undefined;
-        messages: undefined;
-        value: undefined;
-        onChange: undefined;
         children: null;
     };
     constructor(props: any);

package/types/CheckboxGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAc,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAChE,OAAO,SAAS,MAAM,YAAY,CAAA;AAiBlC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,SAAS;;;QAGd;;WAEG;;QAEH;;WAEG;;QAEH;;WAEG;;;;QAIH;;;;;UAKE;;;;;QAEF;;WAEG;;;;;;;MAIJ;IAED,MAAM,CAAC,YAAY;;;;;;;;;;MAUlB;gBAGW,KAAK,KAAA;IAcjB,IAAI,WAAW,wBAEd;IAGD,YAAY,mBAqBX;IAED,IAAI,KAAK,UAaR;IAED,cAAc;IA6Bd,MAAM;CAeP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAehE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAEjD;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,CAAC;IACvD,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,SAAS;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;gBAGW,KAAK,KAAA;IAcjB,IAAI,WAAW,wBAEd;IAGD,YAAY,mBAqBX;IAED,IAAI,KAAK,UAaR;IAED,cAAc;IA6Bd,MAAM;CAeP;AAED,eAAe,aAAa,CAAA;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}

package/types/CheckboxGroup/props.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { FormMessage } from '@instructure/ui-form-field';
+import type { PropValidators } from '@instructure/shared-types';
+declare type CheckboxGroupOwnProps = {
+    children?: React.ReactNode;
+    name: string;
+    description: React.ReactNode;
+    defaultValue?: any[];
+    value?: any;
+    onChange?: (...args: any[]) => any;
+    disabled?: boolean;
+    readOnly?: boolean;
+    messages?: FormMessage[];
+    size?: 'small' | 'medium' | 'large';
+    layout?: 'stacked' | 'columns' | 'inline';
+};
+declare type PropKeys = keyof CheckboxGroupOwnProps;
+declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
+declare type CheckboxGroupProps = CheckboxGroupOwnProps;
+declare const propTypes: PropValidators<PropKeys>;
+declare const allowedProps: AllowedPropKeys;
+export type { CheckboxGroupProps };
+export { propTypes, allowedProps };
+//# sourceMappingURL=props.d.ts.map