@instructure/ui-buttons 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/ToggleButton/v2/index.js +3 -1
- package/es/ToggleButton/v2/props.js +1 -1
- package/lib/ToggleButton/v2/index.js +3 -1
- package/lib/ToggleButton/v2/props.js +1 -1
- package/package.json +17 -17
- package/src/ToggleButton/v2/index.tsx +2 -0
- package/src/ToggleButton/v2/props.ts +9 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/BaseButton/v1/index.d.ts +10 -10
- package/types/BaseButton/v1/index.d.ts.map +1 -1
- package/types/BaseButton/v1/styles.d.ts.map +1 -1
- package/types/BaseButton/v1/theme.d.ts.map +1 -1
- package/types/BaseButton/v2/index.d.ts +9 -9
- package/types/BaseButton/v2/index.d.ts.map +1 -1
- package/types/BaseButton/v2/styles.d.ts +1 -1
- package/types/BaseButton/v2/styles.d.ts.map +1 -1
- package/types/Button/v1/index.d.ts +7 -7
- package/types/Button/v1/index.d.ts.map +1 -1
- package/types/Button/v2/index.d.ts +7 -7
- package/types/Button/v2/index.d.ts.map +1 -1
- package/types/CloseButton/v1/index.d.ts +6 -6
- package/types/CloseButton/v1/index.d.ts.map +1 -1
- package/types/CloseButton/v1/styles.d.ts.map +1 -1
- package/types/CloseButton/v1/theme.d.ts.map +1 -1
- package/types/CloseButton/v2/index.d.ts +6 -6
- package/types/CloseButton/v2/index.d.ts.map +1 -1
- package/types/CloseButton/v2/styles.d.ts +1 -1
- package/types/CloseButton/v2/styles.d.ts.map +1 -1
- package/types/CondensedButton/v1/index.d.ts +5 -5
- package/types/CondensedButton/v1/index.d.ts.map +1 -1
- package/types/CondensedButton/v2/index.d.ts +5 -5
- package/types/CondensedButton/v2/index.d.ts.map +1 -1
- package/types/IconButton/v1/index.d.ts +6 -6
- package/types/IconButton/v1/index.d.ts.map +1 -1
- package/types/IconButton/v2/index.d.ts +6 -6
- package/types/IconButton/v2/index.d.ts.map +1 -1
- package/types/ToggleButton/v1/index.d.ts +4 -4
- package/types/ToggleButton/v1/index.d.ts.map +1 -1
- package/types/ToggleButton/v2/index.d.ts +5 -4
- package/types/ToggleButton/v2/index.d.ts.map +1 -1
- package/types/ToggleButton/v2/props.d.ts +7 -0
- package/types/ToggleButton/v2/props.d.ts.map +1 -1
|
@@ -11,26 +11,26 @@ declare class BaseButton extends Component<BaseButtonProps> {
|
|
|
11
11
|
static readonly componentId = "BaseButton";
|
|
12
12
|
static allowedProps: readonly (keyof import("./props.js").BaseButtonOwnProps)[];
|
|
13
13
|
static defaultProps: {
|
|
14
|
-
readonly type:
|
|
15
|
-
readonly size:
|
|
16
|
-
readonly as:
|
|
14
|
+
readonly type: 'button';
|
|
15
|
+
readonly size: 'medium';
|
|
16
|
+
readonly as: 'button';
|
|
17
17
|
readonly interaction: undefined;
|
|
18
|
-
readonly color:
|
|
19
|
-
readonly shape:
|
|
20
|
-
readonly display:
|
|
21
|
-
readonly textAlign:
|
|
18
|
+
readonly color: 'secondary';
|
|
19
|
+
readonly shape: 'rectangle';
|
|
20
|
+
readonly display: 'inline-block';
|
|
21
|
+
readonly textAlign: 'start';
|
|
22
22
|
readonly withBackground: true;
|
|
23
23
|
readonly withBorder: true;
|
|
24
24
|
readonly isCondensed: false;
|
|
25
|
-
readonly margin:
|
|
26
|
-
readonly cursor:
|
|
25
|
+
readonly margin: '0';
|
|
26
|
+
readonly cursor: 'pointer';
|
|
27
27
|
};
|
|
28
28
|
ref: HTMLElement | null;
|
|
29
29
|
componentDidMount(): void;
|
|
30
30
|
componentDidUpdate(): void;
|
|
31
31
|
get makeStylesVariables(): BaseButtonStyleProps;
|
|
32
32
|
get hasOnlyIconVisible(): boolean;
|
|
33
|
-
get elementType(): import("react").ComponentClass<any, any> |
|
|
33
|
+
get elementType(): import("react").ComponentClass<any, any> | import("react").ComponentClass<Readonly<BaseButtonProps>, any> | import("react").FunctionComponent<Readonly<BaseButtonProps>> | NonNullable<import("@instructure/shared-types").AsElementType | undefined>;
|
|
34
34
|
get interaction(): import("@instructure/ui-react-utils").InteractionType;
|
|
35
35
|
get isDisabled(): boolean;
|
|
36
36
|
get isReadOnly(): boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAa3D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,6DAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAa3D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,6DAAe;IAClC,MAAM,CAAC,YAAY;iBACjB,IAAI,EAAE,QAAQ;iBACd,IAAI,EAAE,QAAQ;iBACd,EAAE,EAAE,QAAQ;iBAEZ,WAAW;iBACX,KAAK,EAAE,WAAW;iBAClB,KAAK,EAAE,WAAW;iBAClB,OAAO,EAAE,cAAc;iBACvB,SAAS,EAAE,OAAO;iBAClB,cAAc;iBACd,UAAU;iBACV,WAAW;iBACX,MAAM,EAAE,GAAG;iBACX,MAAM,EAAE,SAAS;MACT;IAEV,GAAG,EAAE,WAAW,GAAG,IAAI,CAAO;IAE9B,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,IAAI,mBAAmB,IAAI,oBAAoB,CAM9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,0PAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAiBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK,SAEJ;IAED,gBAAgB,OAAQ,WAAW,GAAG,IAAI,UAQzC;IAED,WAAW,UAAW,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAa1D;IAED,aAAa,UAAW,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC,UA0B/D;IAED,cAAc,qDA8Bb;IAED,MAAM,qDA4FL;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;eACN,UAAU"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAIhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAIhB;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,SACf,oBAAoB,KAC1B,eAseF,CAAA;eAEc,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAK3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAsB,MAAM,wBAAwB,CAAA;AACvE,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAK3D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,eAgL9C,CAAA;eAEc,sBAAsB"}
|
|
@@ -11,19 +11,19 @@ declare class BaseButton extends Component<BaseButtonProps> {
|
|
|
11
11
|
static readonly componentId = "BaseButton";
|
|
12
12
|
static allowedProps: readonly (keyof import("./props.js").BaseButtonOwnProps)[];
|
|
13
13
|
static defaultProps: {
|
|
14
|
-
readonly type:
|
|
15
|
-
readonly size:
|
|
16
|
-
readonly as:
|
|
14
|
+
readonly type: 'button';
|
|
15
|
+
readonly size: 'medium';
|
|
16
|
+
readonly as: 'button';
|
|
17
17
|
readonly interaction: undefined;
|
|
18
|
-
readonly color:
|
|
19
|
-
readonly shape:
|
|
20
|
-
readonly display:
|
|
21
|
-
readonly textAlign:
|
|
18
|
+
readonly color: 'secondary';
|
|
19
|
+
readonly shape: 'rectangle';
|
|
20
|
+
readonly display: 'inline-block';
|
|
21
|
+
readonly textAlign: 'start';
|
|
22
22
|
readonly withBackground: true;
|
|
23
23
|
readonly withBorder: true;
|
|
24
24
|
readonly isCondensed: false;
|
|
25
|
-
readonly margin:
|
|
26
|
-
readonly cursor:
|
|
25
|
+
readonly margin: '0';
|
|
26
|
+
readonly cursor: 'pointer';
|
|
27
27
|
};
|
|
28
28
|
ref: HTMLElement | null;
|
|
29
29
|
componentDidMount(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAY5D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAoBpE;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,6DAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAY5D,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAoBpE;;;;GAIG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,6DAAe;IAClC,MAAM,CAAC,YAAY;iBACjB,IAAI,EAAE,QAAQ;iBACd,IAAI,EAAE,QAAQ;iBACd,EAAE,EAAE,QAAQ;iBAEZ,WAAW;iBACX,KAAK,EAAE,WAAW;iBAClB,KAAK,EAAE,WAAW;iBAClB,OAAO,EAAE,cAAc;iBACvB,SAAS,EAAE,OAAO;iBAClB,cAAc;iBACd,UAAU;iBACV,WAAW;iBACX,MAAM,EAAE,GAAG;iBACX,MAAM,EAAE,SAAS;MACT;IAEV,GAAG,EAAE,WAAW,GAAG,IAAI,CAAO;IAE9B,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,IAAI,mBAAmB,IAAI,oBAAoB,CAM9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,0PAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAiBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK,SAEJ;IAED,gBAAgB,OAAQ,WAAW,GAAG,IAAI,UAQzC;IAED,WAAW,UAAW,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAa1D;IAED,aAAa,UAAW,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC,UA0B/D;IAED,cAAc,qDAqCb;IAED,MAAM,qDA6FL;CACF;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;eACN,UAAU"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { NewComponentTypes, SharedTokens } from '@instructure/ui-themes';
|
|
2
2
|
import type { BaseButtonProps, BaseButtonStyleProps, BaseButtonStyle } from './props';
|
|
3
|
-
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes[
|
|
3
|
+
declare const generateStyle: (componentTheme: ReturnType<NewComponentTypes['BaseButton']>, params: BaseButtonProps, _sharedTokens: SharedTokens, extraArgs: BaseButtonStyleProps) => BaseButtonStyle;
|
|
4
4
|
export default generateStyle;
|
|
5
5
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/BaseButton/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EACV,eAAe,EACf,oBAAoB,EACpB,eAAe,EAChB,MAAM,SAAS,CAAA;AAEhB,QAAA,MAAM,aAAa,mBACD,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,UACnD,eAAe,iBACR,YAAY,aAChB,oBAAoB,KAC9B,eA8nBF,CAAA;eAEc,aAAa"}
|
|
@@ -11,15 +11,15 @@ declare class Button extends Component<ButtonProps> {
|
|
|
11
11
|
static readonly componentId = "Button";
|
|
12
12
|
static allowedProps: readonly (keyof {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
|
-
type?:
|
|
15
|
-
size?:
|
|
14
|
+
type?: 'button' | 'submit' | 'reset';
|
|
15
|
+
size?: 'small' | 'medium' | 'large';
|
|
16
16
|
elementRef?: (element: Element | null) => void;
|
|
17
17
|
as?: import("@instructure/shared-types").AsElementType;
|
|
18
|
-
interaction?:
|
|
19
|
-
color?:
|
|
20
|
-
focusColor?:
|
|
21
|
-
display?:
|
|
22
|
-
textAlign?:
|
|
18
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
19
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger' | 'ai-primary' | 'ai-secondary';
|
|
20
|
+
focusColor?: 'info' | 'inverse';
|
|
21
|
+
display?: 'inline-block' | 'block';
|
|
22
|
+
textAlign?: 'start' | 'center';
|
|
23
23
|
withBackground?: boolean;
|
|
24
24
|
margin?: import("@instructure/emotion").Spacing;
|
|
25
25
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,KAAK;QACL,OAAO;QACP,SAAS;QACT,cAAc;QACd,MAAM;QACN,MAAM;MACP;IAED,gBAAgB,EAAE,UAAU,GAAG,IAAI,CAAO;IAE1C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,OAAO,mBAEV;IAED,KAAK,SAEJ;IAED,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAED,eAAe,cAAe,UAAU,GAAG,IAAI,UAE9C;IAED,MAAM,qDA+CL;CACF;eAEc,MAAM;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -12,15 +12,15 @@ declare class Button extends Component<ButtonProps> {
|
|
|
12
12
|
static readonly themeId = "BaseButton";
|
|
13
13
|
static allowedProps: readonly (keyof {
|
|
14
14
|
children?: React.ReactNode;
|
|
15
|
-
type?:
|
|
16
|
-
size?:
|
|
15
|
+
type?: 'button' | 'submit' | 'reset';
|
|
16
|
+
size?: 'small' | 'medium' | 'large' | 'condensedSmall' | 'condensedMedium';
|
|
17
17
|
elementRef?: (element: Element | null) => void;
|
|
18
18
|
as?: import("@instructure/shared-types").AsElementType;
|
|
19
|
-
interaction?:
|
|
20
|
-
color?:
|
|
21
|
-
focusColor?:
|
|
22
|
-
display?:
|
|
23
|
-
textAlign?:
|
|
19
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
20
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger' | 'ai-primary' | 'ai-secondary';
|
|
21
|
+
focusColor?: 'info' | 'inverse';
|
|
22
|
+
display?: 'inline-block' | 'block';
|
|
23
|
+
textAlign?: 'start' | 'center';
|
|
24
24
|
withBackground?: boolean;
|
|
25
25
|
margin?: import("@instructure/emotion").Spacing;
|
|
26
26
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Button/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cACM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,WAAW,SAAW;IAC7B,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,KAAK;QACL,OAAO;QACP,SAAS;QACT,cAAc;QACd,MAAM;QACN,MAAM;MACP;IAED,gBAAgB,EAAE,UAAU,GAAG,IAAI,CAAO;IAE1C,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,OAAO,mBAEV;IAED,KAAK,SAEJ;IAED,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAED,eAAe,cAAe,UAAU,GAAG,IAAI,UAE9C;IAED,MAAM,qDA+CL;CACF;eAEc,MAAM;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -10,15 +10,15 @@ declare class CloseButton extends Component<CloseButtonProps> {
|
|
|
10
10
|
static readonly componentId = "CloseButton";
|
|
11
11
|
static allowedProps: readonly (keyof {
|
|
12
12
|
screenReaderLabel: React.ReactNode;
|
|
13
|
-
color?:
|
|
14
|
-
interaction?:
|
|
13
|
+
color?: 'primary' | 'primary-inverse';
|
|
14
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
15
15
|
elementRef?: (element: Element | null) => void;
|
|
16
|
-
size?:
|
|
16
|
+
size?: 'small' | 'medium' | 'large';
|
|
17
17
|
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps>) => void;
|
|
18
18
|
margin?: import("@instructure/emotion").Spacing;
|
|
19
|
-
placement?:
|
|
20
|
-
offset?:
|
|
21
|
-
type?:
|
|
19
|
+
placement?: 'start' | 'end' | 'static';
|
|
20
|
+
offset?: 'none' | 'x-small' | 'small' | 'medium';
|
|
21
|
+
type?: 'button' | 'submit' | 'reset';
|
|
22
22
|
as?: import("@instructure/shared-types").AsElementType;
|
|
23
23
|
href?: string;
|
|
24
24
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAajC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QAEjB,WAAW;QACX,IAAI;QACJ,SAAS;QACT,MAAM;QACN,IAAI;QACJ,MAAM;QACN,EAAE;QACF,MAAM;MACP;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAK9B;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM,qDA+CL;CACF;eAEc,WAAW;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,gBAAgB,SACzB,gBAAgB,KACtB,gBAqCF,CAAA;eAEc,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,sBAAsB,UAAW,KAAK,KAAG,gBAa9C,CAAA;eAEc,sBAAsB"}
|
|
@@ -11,15 +11,15 @@ declare class CloseButton extends Component<CloseButtonProps> {
|
|
|
11
11
|
static readonly themeId = "BaseButton";
|
|
12
12
|
static allowedProps: readonly (keyof {
|
|
13
13
|
screenReaderLabel: React.ReactNode;
|
|
14
|
-
color?:
|
|
15
|
-
interaction?:
|
|
14
|
+
color?: 'primary' | 'primary-inverse';
|
|
15
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
16
16
|
elementRef?: (element: Element | null) => void;
|
|
17
|
-
size?:
|
|
17
|
+
size?: 'small' | 'medium' | 'large';
|
|
18
18
|
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps>) => void;
|
|
19
19
|
margin?: import("@instructure/emotion").Spacing;
|
|
20
|
-
placement?:
|
|
21
|
-
offset?:
|
|
22
|
-
type?:
|
|
20
|
+
placement?: 'start' | 'end' | 'static';
|
|
21
|
+
offset?: 'none' | 'x-small' | 'small' | 'medium';
|
|
22
|
+
type?: 'button' | 'submit' | 'reset';
|
|
23
23
|
as?: import("@instructure/shared-types").AsElementType;
|
|
24
24
|
href?: string;
|
|
25
25
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;GAIG;AACH,cACM,WAAY,SAAQ,SAAS,CAAC,gBAAgB,CAAC;IACnD,MAAM,CAAC,WAAW,SAAgB;IAClC,MAAM,CAAC,QAAQ,CAAC,WAAW,iBAAgB;IAE3C,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QAEjB,WAAW;QACX,IAAI;QACJ,SAAS;QACT,MAAM;QACN,IAAI;QACJ,MAAM;QACN,EAAE;QACF,MAAM;MACP;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAK9B;IAED,iBAAiB,SAEhB;IAED,kBAAkB,SAEjB;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,KAAK,gDAIR;IAED,MAAM,qDAkDL;CACF;eAEc,WAAW;AAC1B,OAAO,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -10,6 +10,6 @@ import type { CloseButtonProps, CloseButtonStyle } from './props';
|
|
|
10
10
|
* @param {Object} sharedTokens the shared design tokens
|
|
11
11
|
* @return {Object} The final style object, which will be used in the component
|
|
12
12
|
*/
|
|
13
|
-
declare const generateStyle: (_componentTheme: ReturnType<NewComponentTypes[
|
|
13
|
+
declare const generateStyle: (_componentTheme: ReturnType<NewComponentTypes['BaseButton']>, props: CloseButtonProps, sharedTokens: SharedTokens) => CloseButtonStyle;
|
|
14
14
|
export default generateStyle;
|
|
15
15
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/CloseButton/v2/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AAC7E,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAEjE;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,oBACA,UAAU,CAAC,iBAAiB,CAAC,YAAY,CAAC,CAAC,SACrD,gBAAgB,gBACT,YAAY,KACzB,gBAqCF,CAAA;eAEc,aAAa"}
|
|
@@ -11,18 +11,18 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
|
|
|
11
11
|
static readonly componentId = "CondensedButton";
|
|
12
12
|
static allowedProps: readonly (keyof {
|
|
13
13
|
children?: React.ReactNode;
|
|
14
|
-
type?:
|
|
15
|
-
size?:
|
|
14
|
+
type?: 'button' | 'submit' | 'reset';
|
|
15
|
+
size?: 'small' | 'medium' | 'large';
|
|
16
16
|
elementRef?: (element: Element | null) => void;
|
|
17
17
|
as?: import("@instructure/shared-types").AsElementType;
|
|
18
|
-
interaction?:
|
|
19
|
-
color?:
|
|
18
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
19
|
+
color?: 'primary' | 'primary-inverse' | 'secondary';
|
|
20
20
|
margin?: import("@instructure/emotion").Spacing;
|
|
21
21
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
22
22
|
href?: string;
|
|
23
23
|
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
24
24
|
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps>) => void;
|
|
25
|
-
display?:
|
|
25
|
+
display?: 'inline-block' | 'block';
|
|
26
26
|
})[];
|
|
27
27
|
static defaultProps: {
|
|
28
28
|
type: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,WAAW,SAAoB;IACtC,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,WAAW,SAAoB;IACtC,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,KAAK;QACL,MAAM;QACN,MAAM;QACN,OAAO;MACR;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK,SAEJ;IAED,MAAM,qDA6CL;CACF;eAEc,eAAe;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -12,18 +12,18 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
|
|
|
12
12
|
static readonly themeId = "BaseButton";
|
|
13
13
|
static allowedProps: readonly (keyof {
|
|
14
14
|
children?: React.ReactNode;
|
|
15
|
-
type?:
|
|
16
|
-
size?:
|
|
15
|
+
type?: 'button' | 'submit' | 'reset';
|
|
16
|
+
size?: 'small' | 'medium' | 'large' | 'condensedSmall' | 'condensedMedium';
|
|
17
17
|
elementRef?: (element: Element | null) => void;
|
|
18
18
|
as?: import("@instructure/shared-types").AsElementType;
|
|
19
|
-
interaction?:
|
|
20
|
-
color?:
|
|
19
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
20
|
+
color?: 'primary' | 'primary-inverse' | 'secondary';
|
|
21
21
|
margin?: import("@instructure/emotion").Spacing;
|
|
22
22
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
23
23
|
href?: string;
|
|
24
24
|
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
25
25
|
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps>) => void;
|
|
26
|
-
display?:
|
|
26
|
+
display?: 'inline-block' | 'block';
|
|
27
27
|
})[];
|
|
28
28
|
static defaultProps: {
|
|
29
29
|
type: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,WAAW,SAAoB;IACtC,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,WAAW,SAAoB;IACtC,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,KAAK;QACL,MAAM;QACN,MAAM;QACN,OAAO;MACR;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK,SAEJ;IAED,MAAM,qDA6CL;CACF;eAEc,eAAe;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -13,14 +13,14 @@ declare class IconButton extends Component<IconButtonProps> {
|
|
|
13
13
|
children?: import("@instructure/shared-types").Renderable;
|
|
14
14
|
renderIcon?: import("@instructure/shared-types").Renderable;
|
|
15
15
|
screenReaderLabel: import("react").ReactNode;
|
|
16
|
-
type?:
|
|
17
|
-
size?:
|
|
16
|
+
type?: 'button' | 'submit' | 'reset';
|
|
17
|
+
size?: 'small' | 'medium' | 'large';
|
|
18
18
|
elementRef?: (element: Element | null) => void;
|
|
19
19
|
as?: import("@instructure/shared-types").AsElementType;
|
|
20
|
-
interaction?:
|
|
21
|
-
color?:
|
|
22
|
-
focusColor?:
|
|
23
|
-
shape?:
|
|
20
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
21
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger' | 'ai-primary' | 'ai-secondary';
|
|
22
|
+
focusColor?: 'info' | 'inverse';
|
|
23
|
+
shape?: 'rectangle' | 'circle';
|
|
24
24
|
withBackground?: boolean;
|
|
25
25
|
withBorder?: boolean;
|
|
26
26
|
margin?: import("@instructure/emotion").Spacing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AASjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,KAAK;QACL,KAAK;QACL,cAAc;QACd,UAAU;QACV,MAAM;QACN,MAAM;MACP;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK,SAEJ;IAED,MAAM,qDAiDL;CACF;eAEc,UAAU;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -14,14 +14,14 @@ declare class IconButton extends Component<IconButtonProps> {
|
|
|
14
14
|
children?: import("@instructure/shared-types").Renderable;
|
|
15
15
|
renderIcon?: import("@instructure/shared-types").Renderable;
|
|
16
16
|
screenReaderLabel: import("react").ReactNode;
|
|
17
|
-
type?:
|
|
18
|
-
size?:
|
|
17
|
+
type?: 'button' | 'submit' | 'reset';
|
|
18
|
+
size?: 'small' | 'medium' | 'large' | 'condensedSmall' | 'condensedMedium';
|
|
19
19
|
elementRef?: (element: Element | null) => void;
|
|
20
20
|
as?: import("@instructure/shared-types").AsElementType;
|
|
21
|
-
interaction?:
|
|
22
|
-
color?:
|
|
23
|
-
focusColor?:
|
|
24
|
-
shape?:
|
|
21
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
22
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger' | 'ai-primary' | 'ai-secondary';
|
|
23
|
+
focusColor?: 'info' | 'inverse';
|
|
24
|
+
shape?: 'rectangle' | 'circle';
|
|
25
25
|
withBackground?: boolean;
|
|
26
26
|
withBorder?: boolean;
|
|
27
27
|
margin?: import("@instructure/emotion").Spacing;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOjC,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAA;AAGzD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,WAAW,SAAe;IACjC,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,QAAQ,CAAC,OAAO,gBAAe;IAEtC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,KAAK;QACL,KAAK;QACL,cAAc;QACd,UAAU;QACV,MAAM;QACN,MAAM;MACP;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK,SAEJ;IAED,MAAM,qDAiDL;CACF;eAEc,UAAU;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -12,13 +12,13 @@ declare class ToggleButton extends Component<ToggleButtonProps, ToggleButtonStat
|
|
|
12
12
|
screenReaderLabel: string;
|
|
13
13
|
renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
|
|
14
14
|
renderIcon: import("@instructure/shared-types").Renderable;
|
|
15
|
-
status:
|
|
15
|
+
status: 'pressed' | 'unpressed';
|
|
16
16
|
as?: import("@instructure/shared-types").AsElementType;
|
|
17
|
-
interaction?:
|
|
18
|
-
size?:
|
|
17
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
18
|
+
size?: 'small' | 'medium' | 'large';
|
|
19
19
|
elementRef?: (element: Element | null) => void;
|
|
20
20
|
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/a.js").ViewProps>) => void;
|
|
21
|
-
color?:
|
|
21
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
|
|
22
22
|
isShowingTooltip?: boolean;
|
|
23
23
|
mountNode?: import("@instructure/ui-position").PositionMountNode;
|
|
24
24
|
placement?: import("@instructure/ui-position").PlacementPropValues;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;GAIG;AAEH,cAAM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v1/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;GAIG;AAEH,cAAM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,SAAS;QACT,KAAK;QACL,SAAS;QACT,SAAS;MACV;IAED,YAAY,KAAK,EAAE,iBAAiB,EAMnC;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAK9B;IAED,IAAI,gBAAgB,YAInB;IAED,MAAM,qDAmDL;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;eACR,YAAY"}
|
|
@@ -12,17 +12,18 @@ declare class ToggleButton extends Component<ToggleButtonProps, ToggleButtonStat
|
|
|
12
12
|
screenReaderLabel: string;
|
|
13
13
|
renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
|
|
14
14
|
renderIcon: import("@instructure/shared-types").Renderable;
|
|
15
|
-
status:
|
|
15
|
+
status: 'pressed' | 'unpressed';
|
|
16
16
|
as?: import("@instructure/shared-types").AsElementType;
|
|
17
|
-
interaction?:
|
|
18
|
-
size?:
|
|
17
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
18
|
+
size?: 'small' | 'medium' | 'large';
|
|
19
19
|
elementRef?: (element: Element | null) => void;
|
|
20
20
|
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps> | React.MouseEvent<import("@instructure/ui-view/types/exports/b.js").ViewProps>) => void;
|
|
21
|
-
color?:
|
|
21
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
|
|
22
22
|
isShowingTooltip?: boolean;
|
|
23
23
|
mountNode?: import("@instructure/ui-position").PositionMountNode;
|
|
24
24
|
placement?: import("@instructure/ui-position").PlacementPropValues;
|
|
25
25
|
constrain?: import("@instructure/ui-position").PositionConstraint;
|
|
26
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
26
27
|
})[];
|
|
27
28
|
static defaultProps: {
|
|
28
29
|
size: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;GAIG;AAEH,cAAM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAQjC,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAEnE;;;;GAIG;AAEH,cAAM,YAAa,SAAQ,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACxE,MAAM,CAAC,WAAW,SAAiB;IACnC,MAAM,CAAC,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;QACjB,IAAI;QACJ,EAAE;QAEF,WAAW;QACX,SAAS;QACT,KAAK;QACL,SAAS;QACT,SAAS;MACV;IAED,YAAY,KAAK,EAAE,iBAAiB,EAMnC;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAK9B;IAED,IAAI,gBAAgB,YAInB;IAED,MAAM,qDAoDL;CACF;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;eACR,YAAY"}
|
|
@@ -3,6 +3,7 @@ import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-typ
|
|
|
3
3
|
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
4
4
|
import type { ViewProps } from '@instructure/ui-view/latest';
|
|
5
5
|
import { Renderable } from '@instructure/shared-types';
|
|
6
|
+
import type { Spacing } from '@instructure/emotion';
|
|
6
7
|
type ToggleButtonOwnProps = {
|
|
7
8
|
/**
|
|
8
9
|
* Text to output only to screen readers
|
|
@@ -62,6 +63,12 @@ type ToggleButtonOwnProps = {
|
|
|
62
63
|
* or a function returning an element.
|
|
63
64
|
*/
|
|
64
65
|
constrain?: PositionConstraint;
|
|
66
|
+
/**
|
|
67
|
+
* Valid values are `0`, `none`, `auto`, and Spacing token values,
|
|
68
|
+
* see https://instructure.design/layout-spacing. Apply these values via
|
|
69
|
+
* familiar CSS-like shorthand. For example, `margin="general.spaceMd auto"`.
|
|
70
|
+
*/
|
|
71
|
+
margin?: Spacing;
|
|
65
72
|
};
|
|
66
73
|
type PropKeys = keyof ToggleButtonOwnProps;
|
|
67
74
|
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EACV,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAEnD,KAAK,oBAAoB,GAAG;IAC1B;;OAEG;IACH,iBAAiB,EAAE,MAAM,CAAA;IAEzB;;OAEG;IACH,oBAAoB,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAEjE;;OAEG;IACH,UAAU,EAAE,UAAU,CAAA;IAEtB;;OAEG;IACH,MAAM,EAAE,SAAS,GAAG,WAAW,CAAA;IAE/B;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAChE,IAAI,CAAA;IAET;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAE1E;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B;;OAEG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAE/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAE9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,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,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;AAE3C,KAAK,iBAAiB,GAAG;IACvB,gBAAgB,EAAE,OAAO,CAAA;CAC1B,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|