@instructure/ui-checkbox 11.7.5 → 11.7.6-snapshot-11
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/es/Checkbox/v2/props.js +1 -1
- package/es/Checkbox/v2/styles.js +10 -2
- package/es/CheckboxGroup/v2/props.js +1 -1
- package/lib/Checkbox/v2/props.js +1 -1
- package/lib/Checkbox/v2/styles.js +9 -2
- package/lib/CheckboxGroup/v2/props.js +1 -1
- package/package.json +16 -16
- package/src/Checkbox/v2/props.ts +12 -1
- package/src/Checkbox/v2/styles.ts +10 -3
- package/src/CheckboxGroup/v2/README.md +1 -0
- package/src/CheckboxGroup/v2/props.ts +9 -1
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Checkbox/v1/CheckboxFacade/index.d.ts +1 -1
- package/types/Checkbox/v1/CheckboxFacade/index.d.ts.map +1 -1
- package/types/Checkbox/v1/CheckboxFacade/styles.d.ts.map +1 -1
- package/types/Checkbox/v1/CheckboxFacade/theme.d.ts.map +1 -1
- package/types/Checkbox/v1/ToggleFacade/index.d.ts +2 -2
- package/types/Checkbox/v1/ToggleFacade/index.d.ts.map +1 -1
- package/types/Checkbox/v1/ToggleFacade/styles.d.ts.map +1 -1
- package/types/Checkbox/v1/ToggleFacade/theme.d.ts.map +1 -1
- package/types/Checkbox/v1/index.d.ts +3 -3
- package/types/Checkbox/v1/index.d.ts.map +1 -1
- package/types/Checkbox/v1/styles.d.ts.map +1 -1
- package/types/Checkbox/v1/theme.d.ts.map +1 -1
- package/types/Checkbox/v2/CheckboxFacade/index.d.ts +1 -1
- package/types/Checkbox/v2/CheckboxFacade/index.d.ts.map +1 -1
- package/types/Checkbox/v2/CheckboxFacade/styles.d.ts +1 -1
- package/types/Checkbox/v2/CheckboxFacade/styles.d.ts.map +1 -1
- package/types/Checkbox/v2/ToggleFacade/index.d.ts +2 -2
- package/types/Checkbox/v2/ToggleFacade/index.d.ts.map +1 -1
- package/types/Checkbox/v2/ToggleFacade/styles.d.ts +1 -1
- package/types/Checkbox/v2/ToggleFacade/styles.d.ts.map +1 -1
- package/types/Checkbox/v2/index.d.ts +4 -3
- package/types/Checkbox/v2/index.d.ts.map +1 -1
- package/types/Checkbox/v2/props.d.ts +7 -1
- package/types/Checkbox/v2/props.d.ts.map +1 -1
- package/types/Checkbox/v2/styles.d.ts +2 -2
- package/types/Checkbox/v2/styles.d.ts.map +1 -1
- package/types/CheckboxGroup/v1/index.d.ts +2 -2
- package/types/CheckboxGroup/v1/index.d.ts.map +1 -1
- package/types/CheckboxGroup/v2/index.d.ts +3 -2
- package/types/CheckboxGroup/v2/index.d.ts.map +1 -1
- package/types/CheckboxGroup/v2/props.d.ts +7 -0
- package/types/CheckboxGroup/v2/props.d.ts.map +1 -1
|
@@ -13,7 +13,7 @@ declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
13
13
|
checked?: boolean;
|
|
14
14
|
focused?: boolean;
|
|
15
15
|
hovered?: boolean;
|
|
16
|
-
size?:
|
|
16
|
+
size?: 'small' | 'medium' | 'large';
|
|
17
17
|
indeterminate?: boolean;
|
|
18
18
|
invalid?: boolean;
|
|
19
19
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAE9C,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,OAAO;QACP,OAAO;QACP,OAAO;QACP,IAAI;QACJ,aAAa;MACd;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,UAAU,4DAYT;IAED,MAAM,qDAWL;CACF;eAEc,cAAc;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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;eAEc,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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;eAEc,sBAAsB"}
|
|
@@ -14,8 +14,8 @@ declare class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
readOnly?: boolean;
|
|
16
16
|
focused?: boolean;
|
|
17
|
-
size?:
|
|
18
|
-
labelPlacement?:
|
|
17
|
+
size?: 'small' | 'medium' | 'large';
|
|
18
|
+
labelPlacement?: 'top' | 'start' | 'end';
|
|
19
19
|
invalid?: boolean;
|
|
20
20
|
})[];
|
|
21
21
|
static defaultProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAUjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,OAAO;QACP,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,cAAc;MACf;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,UAAU,qDAQT;IAED,WAAW,qDAIV;IAED,MAAM,qDAeL;CACF;eAEc,YAAY;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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,iBAkKF,CAAA;eAEc,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v1/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,iBAwD9C,CAAA;eAEc,sBAAsB"}
|
|
@@ -27,10 +27,10 @@ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
|
27
27
|
disabled?: boolean;
|
|
28
28
|
readOnly?: boolean;
|
|
29
29
|
indeterminate?: boolean;
|
|
30
|
-
size?:
|
|
31
|
-
variant?:
|
|
30
|
+
size?: 'small' | 'medium' | 'large';
|
|
31
|
+
variant?: 'simple' | 'toggle';
|
|
32
32
|
inline?: boolean;
|
|
33
|
-
labelPlacement?:
|
|
33
|
+
labelPlacement?: 'top' | 'start' | 'end';
|
|
34
34
|
isRequired?: boolean;
|
|
35
35
|
inputRef?: (inputElement: HTMLInputElement | null) => void;
|
|
36
36
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAMtD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO3D;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,WAAW,SAAa;IAC/B,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAMtD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAO3D;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,WAAW,SAAa;IAC/B,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,aAAa;QACb,QAAQ;QACR,cAAc;MACf;IAED,YAAY,KAAK,EAAE,aAAa,EAkB/B;IACD,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,cAAc,OAAQ,gBAAgB,GAAG,IAAI,UAK5C;IAED,iBAAiB,SAMhB;IAED,kBAAkB,CAAC,SAAS,EAAE,aAAa,QAM1C;IAED,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,SAEJ;IAED,YAAY,qDAqEX;IAED,cAAc,4DAiBb;IAED,MAAM,qDA0DL;CACF;eAEc,QAAQ;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/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/v1/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;eAEc,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEnD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AAEnD;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,GAY9C,CAAA;eAEc,sBAAsB"}
|
|
@@ -16,7 +16,7 @@ declare class CheckboxFacade extends Component<CheckboxFacadeProps> {
|
|
|
16
16
|
readOnly?: boolean;
|
|
17
17
|
focused?: boolean;
|
|
18
18
|
hovered?: boolean;
|
|
19
|
-
size?:
|
|
19
|
+
size?: 'small' | 'medium' | 'large';
|
|
20
20
|
indeterminate?: boolean;
|
|
21
21
|
invalid?: boolean;
|
|
22
22
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAC9C,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAa;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAElD;;;;GAIG;AACH,cACM,cAAe,SAAQ,SAAS,CAAC,mBAAmB,CAAC;IACzD,MAAM,CAAC,WAAW,SAAmB;IACrC,MAAM,CAAC,QAAQ,CAAC,WAAW,oBAAmB;IAC9C,MAAM,CAAC,QAAQ,CAAC,OAAO,cAAa;IAEpC,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,OAAO;QACP,OAAO;QACP,IAAI;QACJ,aAAa;MACd;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,UAAU,kGAsBT;IAED,MAAM,qDAWL;CACF;eAEc,cAAc;AAC7B,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -11,6 +11,6 @@ import type { CheckboxFacadeProps, CheckboxFacadeStyle } from './props';
|
|
|
11
11
|
* @param {Object} state the state of the component, the style is applied to
|
|
12
12
|
* @return {Object} The final style object, which will be used in the component
|
|
13
13
|
*/
|
|
14
|
-
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes[
|
|
14
|
+
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes['Checkbox']>, props: CheckboxFacadeProps, sharedTokens: SharedTokens) => CheckboxFacadeStyle;
|
|
15
15
|
export default generateStyle;
|
|
16
16
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/CheckboxFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAE7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEvE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,mBACD,UAAU,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,SAClD,mBAAmB,gBACZ,YAAY,KACzB,mBAmKF,CAAA;eAEc,aAAa"}
|
|
@@ -16,8 +16,8 @@ declare class ToggleFacade extends Component<ToggleFacadeProps> {
|
|
|
16
16
|
readOnly?: boolean;
|
|
17
17
|
focused?: boolean;
|
|
18
18
|
hovered?: boolean;
|
|
19
|
-
size?:
|
|
20
|
-
labelPlacement?:
|
|
19
|
+
size?: 'small' | 'medium' | 'large';
|
|
20
|
+
labelPlacement?: 'top' | 'start' | 'end';
|
|
21
21
|
invalid?: boolean;
|
|
22
22
|
})[];
|
|
23
23
|
static defaultProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAC5C,MAAM,CAAC,QAAQ,CAAC,OAAO,YAAW;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEhD;;;;GAIG;AACH,cACM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,CAAC;IACrD,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAC5C,MAAM,CAAC,QAAQ,CAAC,OAAO,YAAW;IAElC,MAAM,CAAC,YAAY;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,OAAO;QACP,OAAO;QACP,OAAO;QACP,IAAI;QACJ,QAAQ;QACR,QAAQ;QACR,cAAc;MACf;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,UAAU,2FAuBT;IAED,WAAW,qDAIV;IAED,MAAM,qDAeL;CACF;eAEc,YAAY;AAC3B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -11,6 +11,6 @@ import type { ToggleFacadeProps, ToggleFacadeStyle } from './props';
|
|
|
11
11
|
* @param {Object} state the state of the component, the style is applied to
|
|
12
12
|
* @return {Object} The final style object, which will be used in the component
|
|
13
13
|
*/
|
|
14
|
-
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes[
|
|
14
|
+
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes['Toggle']>, props: ToggleFacadeProps, sharedTokens: SharedTokens) => ToggleFacadeStyle;
|
|
15
15
|
export default generateStyle;
|
|
16
16
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/Checkbox/v2/ToggleFacade/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,mBACD,UAAU,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC,SAChD,iBAAiB,gBACV,YAAY,KACzB,iBA8PF,CAAA;eAEc,aAAa"}
|
|
@@ -27,11 +27,12 @@ declare class Checkbox extends Component<CheckboxProps, CheckboxState> {
|
|
|
27
27
|
disabled?: boolean;
|
|
28
28
|
readOnly?: boolean;
|
|
29
29
|
indeterminate?: boolean;
|
|
30
|
-
size?:
|
|
31
|
-
variant?:
|
|
30
|
+
size?: 'small' | 'medium' | 'large';
|
|
31
|
+
variant?: 'simple' | 'toggle';
|
|
32
32
|
inline?: boolean;
|
|
33
|
-
labelPlacement?:
|
|
33
|
+
labelPlacement?: 'top' | 'start' | 'end';
|
|
34
34
|
isRequired?: boolean;
|
|
35
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
35
36
|
inputRef?: (inputElement: HTMLInputElement | null) => void;
|
|
36
37
|
})[];
|
|
37
38
|
static defaultProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,WAAW,SAAa;IAC/B,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAKtD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE3D;;;;;GAKG;AAEH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,EAAE,aAAa,CAAC;IAC5D,MAAM,CAAC,WAAW,SAAa;IAC/B,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,OAAO;QACP,QAAQ;QACR,MAAM;QACN,aAAa;QACb,QAAQ;QACR,cAAc;MACf;IAED,YAAY,KAAK,EAAE,aAAa,EAoB/B;IACD,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAQ;IACnC,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAQ;IACjC,OAAO,CAAC,MAAM,CAAgC;IAE9C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,cAAc,OAAQ,gBAAgB,GAAG,IAAI,UAK5C;IAED,iBAAiB,SAMhB;IAED,kBAAkB,CAAC,SAAS,EAAE,aAAa,QAM1C;IAED,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,OAAO,YAIV;IAED,IAAI,WAAW,YAEd;IAED,IAAI,OAAO,YAIV;IAED,KAAK,SAEJ;IAED,YAAY,qDAwEX;IAED,cAAc,4DAgBb;IAED,MAAM,qDA8FL;CACF;eAEc,QAAQ;AACvB,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { FormMessage } from '@instructure/ui-form-field/latest';
|
|
2
2
|
import type { OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
|
-
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
+
import type { WithStyleProps, ComponentStyle, Spacing } from '@instructure/emotion';
|
|
4
4
|
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
5
5
|
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
6
6
|
type CheckboxOwnProps = {
|
|
@@ -45,6 +45,12 @@ type CheckboxOwnProps = {
|
|
|
45
45
|
inline?: boolean;
|
|
46
46
|
labelPlacement?: 'top' | 'start' | 'end';
|
|
47
47
|
isRequired?: boolean;
|
|
48
|
+
/**
|
|
49
|
+
* Valid values are `0`, `none`, `auto`, and Spacing token values,
|
|
50
|
+
* see https://instructure.design/layout-spacing. Apply these values via
|
|
51
|
+
* familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
|
|
52
|
+
*/
|
|
53
|
+
margin?: Spacing;
|
|
48
54
|
/**
|
|
49
55
|
* A function that provides a reference to the actual underlying input element
|
|
50
56
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/props.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { CheckboxProps, CheckboxStyle } from './props';
|
|
2
|
-
import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
2
|
+
import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
3
3
|
/**
|
|
4
4
|
* ---
|
|
5
5
|
* private: true
|
|
@@ -11,6 +11,6 @@ import type { NewComponentTypes } from '@instructure/ui-themes';
|
|
|
11
11
|
* @param {Object} state the state of the component, the style is applied to
|
|
12
12
|
* @return {Object} The final style object, which will be used in the component
|
|
13
13
|
*/
|
|
14
|
-
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes[
|
|
14
|
+
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes['Checkbox']>, props: CheckboxProps, sharedTokens: SharedTokens) => CheckboxStyle;
|
|
15
15
|
export default generateStyle;
|
|
16
16
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/Checkbox/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAG7E;;;;;;;;;;GAUG;AACH,QAAA,MAAM,aAAa,mBACD,UAAU,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,SAClD,aAAa,gBACN,YAAY,KACzB,aA+EF,CAAA;eAEc,aAAa"}
|
|
@@ -18,8 +18,8 @@ declare class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupS
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
readOnly?: boolean;
|
|
20
20
|
messages?: import("@instructure/ui-form-field/v11_6").FormMessage[];
|
|
21
|
-
size?:
|
|
22
|
-
layout?:
|
|
21
|
+
size?: 'small' | 'medium' | 'large';
|
|
22
|
+
layout?: 'stacked' | 'columns' | 'inline';
|
|
23
23
|
})[];
|
|
24
24
|
static defaultProps: {
|
|
25
25
|
disabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3C,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,WAAW,SAAkB;IACpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3C,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,WAAW,SAAkB;IACpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,MAAM;QACN,QAAQ;MACT;IAED,YAAY,KAAK,EAAE,kBAAkB,EAUpC;IACD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAED,YAAY,MAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAqBrD;IAED,IAAI,KAAK,wBAIR;IAED,cAAc,gCAqBb;IAED,MAAM,qDAeL;CACF;eAEc,aAAa;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -18,8 +18,9 @@ declare class CheckboxGroup extends Component<CheckboxGroupProps, CheckboxGroupS
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
readOnly?: boolean;
|
|
20
20
|
messages?: import("@instructure/ui-form-field/latest").FormMessage[];
|
|
21
|
-
size?:
|
|
22
|
-
layout?:
|
|
21
|
+
size?: 'small' | 'medium' | 'large';
|
|
22
|
+
layout?: 'stacked' | 'columns' | 'inline';
|
|
23
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
23
24
|
})[];
|
|
24
25
|
static defaultProps: {
|
|
25
26
|
disabled: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3C,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,WAAW,SAAkB;IACpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAY,SAAS,EAAE,MAAM,OAAO,CAAA;AAc3C,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB;;;;GAIG;AAEH,cACM,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IAC3E,MAAM,CAAC,WAAW,SAAkB;IACpC,MAAM,CAAC,QAAQ,CAAC,WAAW,mBAAkB;IAE7C,MAAM,CAAC,YAAY;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,QAAQ;QACR,QAAQ;QACR,IAAI;QACJ,MAAM;QACN,QAAQ;MACT;IAED,YAAY,KAAK,EAAE,kBAAkB,EAUpC;IACD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAQ;IACpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAE9B;IAED,IAAI,WAAW,wBAEd;IAED,YAAY,MAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UAqBrD;IAED,IAAI,KAAK,wBAIR;IAED,cAAc,gCAqBb;IAED,MAAM,qDAeL;CACF;eAEc,aAAa;AAC5B,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
|
@@ -2,6 +2,7 @@ import { type InputHTMLAttributes } from 'react';
|
|
|
2
2
|
import type { FormMessage } from '@instructure/ui-form-field/latest';
|
|
3
3
|
import type { OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
4
|
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
5
|
+
import type { Spacing } from '@instructure/emotion';
|
|
5
6
|
import { Checkbox } from '../../Checkbox/v2/index.js';
|
|
6
7
|
import type { CheckboxProps } from '../../Checkbox/v2/props';
|
|
7
8
|
type CheckboxChild = React.ComponentElement<CheckboxProps, Checkbox>;
|
|
@@ -17,6 +18,12 @@ type CheckboxGroupOwnProps = {
|
|
|
17
18
|
messages?: FormMessage[];
|
|
18
19
|
size?: 'small' | 'medium' | 'large';
|
|
19
20
|
layout?: 'stacked' | 'columns' | 'inline';
|
|
21
|
+
/**
|
|
22
|
+
* Valid values are `0`, `none`, `auto`, and Spacing token values,
|
|
23
|
+
* see https://instructure.design/layout-spacing. Apply these values via
|
|
24
|
+
* familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
|
|
25
|
+
*/
|
|
26
|
+
margin?: Spacing;
|
|
20
27
|
};
|
|
21
28
|
type PropKeys = keyof CheckboxGroupOwnProps;
|
|
22
29
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CheckboxGroup/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AACrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AAE5D,KAAK,aAAa,GAAG,KAAK,CAAC,gBAAgB,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAA;AAEpE,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAA;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,EAAE,KAAK,CAAC,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAClC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;IACzC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,qBAAqB,CAAA;AAE3C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,kBAAkB,GAAG,qBAAqB,GAC7C,mBAAmB,CACjB,qBAAqB,EACrB,mBAAmB,CAAC,qBAAqB,GAAG,OAAO,CAAC,CACrD,GACD,wBAAwB,CAAA;AAC1B,QAAA,MAAM,YAAY,EAAE,eAanB,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;CAC3B,CAAA;AACD,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,aAAa,EAAE,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,CAAA"}
|