@instructure/ui-buttons 11.6.0 → 11.6.1-snapshot-129
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 +57 -323
- package/es/BaseButton/{index.js → v1/index.js} +2 -2
- package/es/BaseButton/v2/index.js +304 -0
- package/es/BaseButton/v2/props.js +26 -0
- package/es/BaseButton/v2/styles.js +578 -0
- package/es/Button/{index.js → v1/index.js} +2 -2
- package/es/{CondensedButton → Button/v1}/theme.js +1 -1
- package/es/Button/v2/index.js +121 -0
- package/es/Button/v2/props.js +26 -0
- package/es/CloseButton/{index.js → v1/index.js} +2 -2
- package/es/CloseButton/v2/index.js +130 -0
- package/es/CloseButton/v2/props.js +26 -0
- package/es/CloseButton/v2/styles.js +68 -0
- package/es/CondensedButton/{index.js → v1/index.js} +2 -2
- package/es/{Button → CondensedButton/v1}/theme.js +1 -1
- package/es/CondensedButton/v2/index.js +111 -0
- package/es/CondensedButton/v2/props.js +26 -0
- package/es/IconButton/{index.js → v1/index.js} +2 -2
- package/es/IconButton/{theme.js → v1/theme.js} +1 -1
- package/es/IconButton/v2/index.js +121 -0
- package/es/IconButton/v2/props.js +26 -0
- package/es/ToggleButton/{index.js → v1/index.js} +2 -2
- package/es/ToggleButton/v2/index.js +121 -0
- package/es/ToggleButton/v2/props.js +26 -0
- package/es/exports/a.js +29 -0
- package/es/exports/b.js +29 -0
- package/lib/BaseButton/{index.js → v1/index.js} +3 -3
- package/lib/BaseButton/v2/index.js +311 -0
- package/lib/BaseButton/v2/props.js +31 -0
- package/lib/BaseButton/v2/styles.js +584 -0
- package/lib/Button/v1/index.js +128 -0
- package/lib/Button/{theme.js → v1/theme.js} +1 -1
- package/lib/Button/{index.js → v2/index.js} +3 -4
- package/lib/Button/v2/props.js +31 -0
- package/lib/CloseButton/{index.js → v1/index.js} +4 -4
- package/lib/CloseButton/v2/index.js +136 -0
- package/lib/CloseButton/v2/props.js +31 -0
- package/lib/CloseButton/v2/styles.js +74 -0
- package/lib/CondensedButton/{index.js → v1/index.js} +3 -3
- package/lib/CondensedButton/{theme.js → v1/theme.js} +1 -1
- package/lib/CondensedButton/v2/index.js +116 -0
- package/lib/CondensedButton/v2/props.js +31 -0
- package/lib/IconButton/{index.js → v1/index.js} +3 -3
- package/lib/IconButton/{theme.js → v1/theme.js} +1 -1
- package/lib/IconButton/v2/index.js +126 -0
- package/lib/IconButton/v2/props.js +31 -0
- package/lib/ToggleButton/{index.js → v1/index.js} +4 -4
- package/lib/ToggleButton/v2/index.js +127 -0
- package/lib/ToggleButton/v2/props.js +31 -0
- package/lib/{index.js → exports/a.js} +12 -12
- package/lib/exports/b.js +47 -0
- package/package.json +46 -24
- package/src/BaseButton/{index.tsx → v1/index.tsx} +3 -3
- package/src/BaseButton/{props.ts → v1/props.ts} +1 -1
- package/src/BaseButton/v2/README.md +15 -0
- package/src/BaseButton/v2/index.tsx +343 -0
- package/src/BaseButton/v2/props.ts +226 -0
- package/src/BaseButton/v2/styles.ts +640 -0
- package/src/Button/{index.tsx → v1/index.tsx} +2 -2
- package/src/Button/{props.ts → v1/props.ts} +1 -1
- package/src/{CondensedButton → Button/v1}/theme.ts +1 -1
- package/src/Button/v2/README.md +338 -0
- package/src/Button/v2/index.tsx +137 -0
- package/src/Button/v2/props.ts +159 -0
- package/src/CloseButton/{index.tsx → v1/index.tsx} +2 -2
- package/src/CloseButton/{props.ts → v1/props.ts} +1 -1
- package/src/CloseButton/v2/README.md +70 -0
- package/src/CloseButton/v2/index.tsx +142 -0
- package/src/CloseButton/v2/props.ts +148 -0
- package/src/CloseButton/v2/styles.ts +81 -0
- package/src/CondensedButton/{index.tsx → v1/index.tsx} +2 -2
- package/src/CondensedButton/{props.ts → v1/props.ts} +1 -1
- package/src/{Button → CondensedButton/v1}/theme.ts +1 -1
- package/src/CondensedButton/v2/README.md +75 -0
- package/src/CondensedButton/v2/index.tsx +129 -0
- package/src/CondensedButton/v2/props.ts +134 -0
- package/src/IconButton/{index.tsx → v1/index.tsx} +2 -2
- package/src/IconButton/{props.ts → v1/props.ts} +1 -1
- package/src/IconButton/{theme.ts → v1/theme.ts} +1 -1
- package/src/IconButton/v2/README.md +86 -0
- package/src/IconButton/v2/index.tsx +138 -0
- package/src/IconButton/v2/props.ts +166 -0
- package/src/ToggleButton/{index.tsx → v1/index.tsx} +2 -2
- package/src/ToggleButton/{props.ts → v1/props.ts} +1 -1
- package/src/ToggleButton/v2/README.md +85 -0
- package/src/ToggleButton/v2/index.tsx +133 -0
- package/src/ToggleButton/v2/props.ts +143 -0
- package/src/exports/a.ts +40 -0
- package/src/exports/b.ts +40 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/BaseButton/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/BaseButton/v1/index.d.ts.map +1 -0
- package/types/BaseButton/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/BaseButton/v1/props.d.ts.map +1 -0
- package/types/BaseButton/v1/styles.d.ts.map +1 -0
- package/types/BaseButton/v1/theme.d.ts.map +1 -0
- package/types/BaseButton/v2/index.d.ts +48 -0
- package/types/BaseButton/v2/index.d.ts.map +1 -0
- package/types/BaseButton/v2/props.d.ts +118 -0
- package/types/BaseButton/v2/props.d.ts.map +1 -0
- package/types/BaseButton/v2/styles.d.ts +5 -0
- package/types/BaseButton/v2/styles.d.ts.map +1 -0
- package/types/Button/{index.d.ts → v1/index.d.ts} +2 -2
- package/types/Button/v1/index.d.ts.map +1 -0
- package/types/Button/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/Button/v1/props.d.ts.map +1 -0
- package/types/Button/v1/theme.d.ts +2 -0
- package/types/Button/v1/theme.d.ts.map +1 -0
- package/types/Button/v2/index.d.ts +51 -0
- package/types/Button/v2/index.d.ts.map +1 -0
- package/types/Button/v2/props.d.ts +82 -0
- package/types/Button/v2/props.d.ts.map +1 -0
- package/types/CloseButton/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/CloseButton/v1/index.d.ts.map +1 -0
- package/types/CloseButton/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/CloseButton/v1/props.d.ts.map +1 -0
- package/types/CloseButton/v1/styles.d.ts.map +1 -0
- package/types/CloseButton/v1/theme.d.ts.map +1 -0
- package/types/CloseButton/v2/index.d.ts +46 -0
- package/types/CloseButton/v2/index.d.ts.map +1 -0
- package/types/CloseButton/v2/props.d.ts +77 -0
- package/types/CloseButton/v2/props.d.ts.map +1 -0
- package/types/CloseButton/v2/styles.d.ts +15 -0
- package/types/CloseButton/v2/styles.d.ts.map +1 -0
- package/types/CondensedButton/{index.d.ts → v1/index.d.ts} +2 -2
- package/types/CondensedButton/v1/index.d.ts.map +1 -0
- package/types/CondensedButton/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/CondensedButton/v1/props.d.ts.map +1 -0
- package/types/CondensedButton/v1/theme.d.ts +2 -0
- package/types/CondensedButton/v1/theme.d.ts.map +1 -0
- package/types/CondensedButton/v2/index.d.ts +45 -0
- package/types/CondensedButton/v2/index.d.ts.map +1 -0
- package/types/CondensedButton/v2/props.d.ts +69 -0
- package/types/CondensedButton/v2/props.d.ts.map +1 -0
- package/types/IconButton/{index.d.ts → v1/index.d.ts} +2 -2
- package/types/IconButton/v1/index.d.ts.map +1 -0
- package/types/IconButton/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/IconButton/v1/props.d.ts.map +1 -0
- package/types/IconButton/v1/theme.d.ts +2 -0
- package/types/IconButton/v1/theme.d.ts.map +1 -0
- package/types/IconButton/v2/index.d.ts +51 -0
- package/types/IconButton/v2/index.d.ts.map +1 -0
- package/types/IconButton/v2/props.d.ts +85 -0
- package/types/IconButton/v2/props.d.ts.map +1 -0
- package/types/ToggleButton/{index.d.ts → v1/index.d.ts} +1 -1
- package/types/ToggleButton/v1/index.d.ts.map +1 -0
- package/types/ToggleButton/{props.d.ts → v1/props.d.ts} +1 -1
- package/types/ToggleButton/v1/props.d.ts.map +1 -0
- package/types/ToggleButton/v2/index.d.ts +43 -0
- package/types/ToggleButton/v2/index.d.ts.map +1 -0
- package/types/ToggleButton/v2/props.d.ts +75 -0
- package/types/ToggleButton/v2/props.d.ts.map +1 -0
- package/types/exports/a.d.ts +13 -0
- package/types/exports/a.d.ts.map +1 -0
- package/types/exports/b.d.ts +13 -0
- package/types/exports/b.d.ts.map +1 -0
- package/es/index.js +0 -29
- package/src/index.ts +0 -37
- package/types/BaseButton/index.d.ts.map +0 -1
- package/types/BaseButton/props.d.ts.map +0 -1
- package/types/BaseButton/styles.d.ts.map +0 -1
- package/types/BaseButton/theme.d.ts.map +0 -1
- package/types/Button/index.d.ts.map +0 -1
- package/types/Button/props.d.ts.map +0 -1
- package/types/Button/theme.d.ts +0 -2
- package/types/Button/theme.d.ts.map +0 -1
- package/types/CloseButton/index.d.ts.map +0 -1
- package/types/CloseButton/props.d.ts.map +0 -1
- package/types/CloseButton/styles.d.ts.map +0 -1
- package/types/CloseButton/theme.d.ts.map +0 -1
- package/types/CondensedButton/index.d.ts.map +0 -1
- package/types/CondensedButton/props.d.ts.map +0 -1
- package/types/CondensedButton/theme.d.ts +0 -2
- package/types/CondensedButton/theme.d.ts.map +0 -1
- package/types/IconButton/index.d.ts.map +0 -1
- package/types/IconButton/props.d.ts.map +0 -1
- package/types/IconButton/theme.d.ts +0 -2
- package/types/IconButton/theme.d.ts.map +0 -1
- package/types/ToggleButton/index.d.ts.map +0 -1
- package/types/ToggleButton/props.d.ts.map +0 -1
- package/types/index.d.ts +0 -13
- package/types/index.d.ts.map +0 -1
- /package/es/BaseButton/{props.js → v1/props.js} +0 -0
- /package/es/BaseButton/{styles.js → v1/styles.js} +0 -0
- /package/es/BaseButton/{theme.js → v1/theme.js} +0 -0
- /package/es/Button/{props.js → v1/props.js} +0 -0
- /package/es/CloseButton/{props.js → v1/props.js} +0 -0
- /package/es/CloseButton/{styles.js → v1/styles.js} +0 -0
- /package/es/CloseButton/{theme.js → v1/theme.js} +0 -0
- /package/es/CondensedButton/{props.js → v1/props.js} +0 -0
- /package/es/IconButton/{props.js → v1/props.js} +0 -0
- /package/es/ToggleButton/{props.js → v1/props.js} +0 -0
- /package/lib/BaseButton/{props.js → v1/props.js} +0 -0
- /package/lib/BaseButton/{styles.js → v1/styles.js} +0 -0
- /package/lib/BaseButton/{theme.js → v1/theme.js} +0 -0
- /package/lib/Button/{props.js → v1/props.js} +0 -0
- /package/lib/CloseButton/{props.js → v1/props.js} +0 -0
- /package/lib/CloseButton/{styles.js → v1/styles.js} +0 -0
- /package/lib/CloseButton/{theme.js → v1/theme.js} +0 -0
- /package/lib/CondensedButton/{props.js → v1/props.js} +0 -0
- /package/lib/IconButton/{props.js → v1/props.js} +0 -0
- /package/lib/ToggleButton/{props.js → v1/props.js} +0 -0
- /package/src/BaseButton/{README.md → v1/README.md} +0 -0
- /package/src/BaseButton/{styles.ts → v1/styles.ts} +0 -0
- /package/src/BaseButton/{theme.ts → v1/theme.ts} +0 -0
- /package/src/Button/{README.md → v1/README.md} +0 -0
- /package/src/CloseButton/{README.md → v1/README.md} +0 -0
- /package/src/CloseButton/{styles.ts → v1/styles.ts} +0 -0
- /package/src/CloseButton/{theme.ts → v1/theme.ts} +0 -0
- /package/src/CondensedButton/{README.md → v1/README.md} +0 -0
- /package/src/IconButton/{README.md → v1/README.md} +0 -0
- /package/src/ToggleButton/{README.md → v1/README.md} +0 -0
- /package/types/BaseButton/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/BaseButton/{theme.d.ts → v1/theme.d.ts} +0 -0
- /package/types/CloseButton/{styles.d.ts → v1/styles.d.ts} +0 -0
- /package/types/CloseButton/{theme.d.ts → v1/theme.d.ts} +0 -0
|
@@ -0,0 +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,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK;IAIL,MAAM;CA8CP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
3
|
import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
4
|
import type { Cursor } from '@instructure/shared-types';
|
|
5
|
-
import type { ViewProps } from '@instructure/ui-view';
|
|
5
|
+
import type { ViewProps } from '@instructure/ui-view/v11_6';
|
|
6
6
|
type CondensedButtonOwnProps = {
|
|
7
7
|
/**
|
|
8
8
|
* Specifies the `CondensedButton` children.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,KAAK,uBAAuB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;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,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,CAAA;IAEnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtD;;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,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;CACnC,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,oBAAoB,GAAG,uBAAuB,GACjD,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,uBAAuB,CAAC,GAC5C,MAAM,CAAA;AAER,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { BaseButton } from '../../BaseButton/v2';
|
|
3
|
+
import type { CondensedButtonProps } from './props';
|
|
4
|
+
/**
|
|
5
|
+
---
|
|
6
|
+
category: components
|
|
7
|
+
---
|
|
8
|
+
**/
|
|
9
|
+
declare class CondensedButton extends Component<CondensedButtonProps> {
|
|
10
|
+
static readonly componentId = "CondensedButton";
|
|
11
|
+
static allowedProps: readonly (keyof {
|
|
12
|
+
children?: React.ReactNode;
|
|
13
|
+
type?: "button" | "submit" | "reset";
|
|
14
|
+
size?: "small" | "medium" | "large" | "condensedSmall" | "condensedMedium";
|
|
15
|
+
elementRef?: (element: Element | null) => void;
|
|
16
|
+
as?: import("@instructure/shared-types").AsElementType;
|
|
17
|
+
interaction?: "enabled" | "disabled" | "readonly";
|
|
18
|
+
color?: "primary" | "primary-inverse" | "secondary";
|
|
19
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
20
|
+
cursor?: import("@instructure/shared-types").Cursor;
|
|
21
|
+
href?: string;
|
|
22
|
+
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
23
|
+
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;
|
|
24
|
+
display?: "inline-block" | "block";
|
|
25
|
+
})[];
|
|
26
|
+
static defaultProps: {
|
|
27
|
+
type: string;
|
|
28
|
+
size: string;
|
|
29
|
+
as: string;
|
|
30
|
+
interaction: undefined;
|
|
31
|
+
color: string;
|
|
32
|
+
margin: string;
|
|
33
|
+
cursor: string;
|
|
34
|
+
display: string;
|
|
35
|
+
};
|
|
36
|
+
_baseButton: BaseButton | null;
|
|
37
|
+
ref: Element | null;
|
|
38
|
+
handleRef: (el: Element | null) => void;
|
|
39
|
+
get focused(): boolean | null;
|
|
40
|
+
focus(): void;
|
|
41
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
42
|
+
}
|
|
43
|
+
export default CondensedButton;
|
|
44
|
+
export { CondensedButton };
|
|
45
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEnD;;;;GAIG;AAEH,cACM,eAAgB,SAAQ,SAAS,CAAC,oBAAoB,CAAC;IAC3D,MAAM,CAAC,QAAQ,CAAC,WAAW,qBAAoB;IAE/C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;MAUlB;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK;IAIL,MAAM;CA8CP;AAED,eAAe,eAAe,CAAA;AAC9B,OAAO,EAAE,eAAe,EAAE,CAAA"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
|
+
import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
|
+
import type { Cursor } from '@instructure/shared-types';
|
|
5
|
+
import type { ViewProps } from '@instructure/ui-view/latest';
|
|
6
|
+
type CondensedButtonOwnProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Specifies the `CondensedButton` children.
|
|
9
|
+
*/
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Specifies the type of the `CondensedButton`'s underlying html element.
|
|
13
|
+
*/
|
|
14
|
+
type?: 'button' | 'submit' | 'reset';
|
|
15
|
+
/**
|
|
16
|
+
* The size of the `CondensedButton`
|
|
17
|
+
*/
|
|
18
|
+
size?: 'small' | 'medium' | 'large' | 'condensedSmall' | 'condensedMedium';
|
|
19
|
+
/**
|
|
20
|
+
* Provides a reference to the `CondensedButton`'s underlying html element.
|
|
21
|
+
*/
|
|
22
|
+
elementRef?: (element: Element | null) => void;
|
|
23
|
+
/**
|
|
24
|
+
* The element to render as the component root, `button` by default.
|
|
25
|
+
*/
|
|
26
|
+
as?: AsElementType;
|
|
27
|
+
/**
|
|
28
|
+
* Specifies if interaction with the `CondensedButton` is enabled, disabled, or readonly.
|
|
29
|
+
*/
|
|
30
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
31
|
+
/**
|
|
32
|
+
* Specifies the color for the `CondensedButton`.
|
|
33
|
+
*/
|
|
34
|
+
color?: 'primary' | 'primary-inverse' | 'secondary';
|
|
35
|
+
/**
|
|
36
|
+
* Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
|
|
37
|
+
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
|
38
|
+
* familiar CSS-like shorthand. For example: `margin="small auto large"`.
|
|
39
|
+
*/
|
|
40
|
+
margin?: Spacing;
|
|
41
|
+
/**
|
|
42
|
+
* Specify a mouse cursor to use when hovering over the button.
|
|
43
|
+
* The `pointer` cursor is used by default.
|
|
44
|
+
*/
|
|
45
|
+
cursor?: Cursor;
|
|
46
|
+
/**
|
|
47
|
+
* Specifies an href attribute for the `CondensedButton`'s underlying html element.
|
|
48
|
+
*/
|
|
49
|
+
href?: string;
|
|
50
|
+
/**
|
|
51
|
+
* An icon, or function that returns an icon.
|
|
52
|
+
*/
|
|
53
|
+
renderIcon?: React.ReactNode | (() => React.ReactNode);
|
|
54
|
+
/**
|
|
55
|
+
* Callback fired when the `CondensedButton` is clicked.
|
|
56
|
+
*/
|
|
57
|
+
onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
|
|
58
|
+
/**
|
|
59
|
+
* The CSS display property of the button, `inline-block` or `block`
|
|
60
|
+
*/
|
|
61
|
+
display?: 'inline-block' | 'block';
|
|
62
|
+
};
|
|
63
|
+
type PropKeys = keyof CondensedButtonOwnProps;
|
|
64
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
65
|
+
type CondensedButtonProps = CondensedButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<CondensedButtonOwnProps> & ToProp;
|
|
66
|
+
declare const allowedProps: AllowedPropKeys;
|
|
67
|
+
export type { CondensedButtonProps };
|
|
68
|
+
export { allowedProps };
|
|
69
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/CondensedButton/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,KAAK,uBAAuB,GAAG;IAC7B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,gBAAgB,GAAG,iBAAiB,CAAA;IAE1E;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAE9C;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,CAAA;IAEnD;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IAEtD;;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,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;CACnC,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,oBAAoB,GAAG,uBAAuB,GACjD,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,uBAAuB,CAAC,GAC5C,MAAM,CAAA;AAER,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Component } from 'react';
|
|
2
|
-
import { BaseButton } from '
|
|
2
|
+
import { BaseButton } from '../../BaseButton/v1';
|
|
3
3
|
import type { IconButtonProps } from './props';
|
|
4
4
|
/**
|
|
5
5
|
---
|
|
@@ -25,7 +25,7 @@ declare class IconButton extends Component<IconButtonProps> {
|
|
|
25
25
|
margin?: import("@instructure/emotion").Spacing;
|
|
26
26
|
cursor?: import("@instructure/shared-types").Cursor;
|
|
27
27
|
href?: string;
|
|
28
|
-
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps>) => void;
|
|
28
|
+
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;
|
|
29
29
|
})[];
|
|
30
30
|
static defaultProps: {
|
|
31
31
|
type: string;
|
|
@@ -0,0 +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,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK;IAIL,MAAM;CAkDP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
|
|
|
2
2
|
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
3
|
import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
|
|
4
4
|
import type { Cursor } from '@instructure/shared-types';
|
|
5
|
-
import type { ViewProps } from '@instructure/ui-view';
|
|
5
|
+
import type { ViewProps } from '@instructure/ui-view/v11_6';
|
|
6
6
|
type IconButtonOwnProps = {
|
|
7
7
|
/**
|
|
8
8
|
* An icon, or function returning an icon (identical to the `renderIcon` prop).
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v1/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAE3D,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,iBAAiB,EAAE,SAAS,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;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,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,cAAc,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAChE,IAAI,CAAA;CACV,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,GACvC,MAAM,CAAA;AACR,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v1/theme.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAA"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import { BaseButton } from '../../BaseButton/v2';
|
|
3
|
+
import type { IconButtonProps } from './props';
|
|
4
|
+
/**
|
|
5
|
+
---
|
|
6
|
+
category: components
|
|
7
|
+
---
|
|
8
|
+
**/
|
|
9
|
+
declare class IconButton extends Component<IconButtonProps> {
|
|
10
|
+
static readonly componentId = "IconButton";
|
|
11
|
+
static allowedProps: readonly (keyof {
|
|
12
|
+
children?: import("@instructure/shared-types").Renderable;
|
|
13
|
+
renderIcon?: import("@instructure/shared-types").Renderable;
|
|
14
|
+
screenReaderLabel: import("react").ReactNode;
|
|
15
|
+
type?: "button" | "submit" | "reset";
|
|
16
|
+
size?: "small" | "medium" | "large";
|
|
17
|
+
elementRef?: (element: Element | null) => void;
|
|
18
|
+
as?: import("@instructure/shared-types").AsElementType;
|
|
19
|
+
interaction?: "enabled" | "disabled" | "readonly";
|
|
20
|
+
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger" | "ai-primary" | "ai-secondary";
|
|
21
|
+
focusColor?: "info" | "inverse";
|
|
22
|
+
shape?: "rectangle" | "circle";
|
|
23
|
+
withBackground?: boolean;
|
|
24
|
+
withBorder?: boolean;
|
|
25
|
+
margin?: import("@instructure/emotion").Spacing;
|
|
26
|
+
cursor?: import("@instructure/shared-types").Cursor;
|
|
27
|
+
href?: string;
|
|
28
|
+
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;
|
|
29
|
+
})[];
|
|
30
|
+
static defaultProps: {
|
|
31
|
+
type: string;
|
|
32
|
+
size: string;
|
|
33
|
+
as: string;
|
|
34
|
+
interaction: undefined;
|
|
35
|
+
color: string;
|
|
36
|
+
shape: string;
|
|
37
|
+
withBackground: boolean;
|
|
38
|
+
withBorder: boolean;
|
|
39
|
+
margin: string;
|
|
40
|
+
cursor: string;
|
|
41
|
+
};
|
|
42
|
+
_baseButton: BaseButton | null;
|
|
43
|
+
ref: Element | null;
|
|
44
|
+
handleRef: (el: Element | null) => void;
|
|
45
|
+
get focused(): boolean | null;
|
|
46
|
+
focus(): void;
|
|
47
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
48
|
+
}
|
|
49
|
+
export default IconButton;
|
|
50
|
+
export { IconButton };
|
|
51
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,qBAAqB,CAAA;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;GAIG;AAGH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;MAYlB;IAED,WAAW,EAAE,UAAU,GAAG,IAAI,CAAO;IAErC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAQ9B;IAED,IAAI,OAAO,mBAEV;IAED,KAAK;IAIL,MAAM;CAkDP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
|
+
import type { ToProp, AsElementType, BaseButtonTheme, OtherHTMLAttributes, Renderable } from '@instructure/shared-types';
|
|
4
|
+
import type { Cursor } from '@instructure/shared-types';
|
|
5
|
+
import type { ViewProps } from '@instructure/ui-view/latest';
|
|
6
|
+
type IconButtonOwnProps = {
|
|
7
|
+
/**
|
|
8
|
+
* An icon, or function returning an icon (identical to the `renderIcon` prop).
|
|
9
|
+
*/
|
|
10
|
+
children?: Renderable;
|
|
11
|
+
/**
|
|
12
|
+
* An icon, or function that returns an icon (identical to the `children` prop).
|
|
13
|
+
*/
|
|
14
|
+
renderIcon?: Renderable;
|
|
15
|
+
/**
|
|
16
|
+
* An accessible label for the `IconButton`.
|
|
17
|
+
*/
|
|
18
|
+
screenReaderLabel: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the type of the `IconButton`'s underlying html element.
|
|
21
|
+
*/
|
|
22
|
+
type?: 'button' | 'submit' | 'reset';
|
|
23
|
+
/**
|
|
24
|
+
* The size of the `IconButton`
|
|
25
|
+
*/
|
|
26
|
+
size?: 'small' | 'medium' | 'large';
|
|
27
|
+
/**
|
|
28
|
+
* Provides a reference to the `IconButton`'s underlying html element.
|
|
29
|
+
*/
|
|
30
|
+
elementRef?: (element: Element | null) => void;
|
|
31
|
+
/**
|
|
32
|
+
* The element to render as the component root, `button` by default.
|
|
33
|
+
*/
|
|
34
|
+
as?: AsElementType;
|
|
35
|
+
/**
|
|
36
|
+
* Specifies if interaction with the `IconButton` is enabled, disabled, or readonly.
|
|
37
|
+
*/
|
|
38
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
39
|
+
/**
|
|
40
|
+
* Specifies the color for the `IconButton`.
|
|
41
|
+
*/
|
|
42
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger' | 'ai-primary' | 'ai-secondary';
|
|
43
|
+
/**
|
|
44
|
+
* Override the `Button`'s default focus outline color.
|
|
45
|
+
*/
|
|
46
|
+
focusColor?: 'info' | 'inverse';
|
|
47
|
+
/**
|
|
48
|
+
* Specifies if the `IconButton` shape should be a circle or rectangle.
|
|
49
|
+
*/
|
|
50
|
+
shape?: 'rectangle' | 'circle';
|
|
51
|
+
/**
|
|
52
|
+
* Specifies if the `IconButton` should render with a solid background. When false, the background is transparent.
|
|
53
|
+
*/
|
|
54
|
+
withBackground?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Specifies if the `IconButton` should render with a border.
|
|
57
|
+
*/
|
|
58
|
+
withBorder?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
|
|
61
|
+
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
|
62
|
+
* familiar CSS-like shorthand. For example: `margin="small auto large"`.
|
|
63
|
+
*/
|
|
64
|
+
margin?: Spacing;
|
|
65
|
+
/**
|
|
66
|
+
* Specify a mouse cursor to use when hovering over the button.
|
|
67
|
+
* The `pointer` cursor is used by default.
|
|
68
|
+
*/
|
|
69
|
+
cursor?: Cursor;
|
|
70
|
+
/**
|
|
71
|
+
* Specifies an href attribute for the `IconButton`'s underlying html element.
|
|
72
|
+
*/
|
|
73
|
+
href?: string;
|
|
74
|
+
/**
|
|
75
|
+
* Callback fired when the `Button` is clicked.
|
|
76
|
+
*/
|
|
77
|
+
onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
|
|
78
|
+
};
|
|
79
|
+
type PropKeys = keyof IconButtonOwnProps;
|
|
80
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
81
|
+
type IconButtonProps = IconButtonOwnProps & WithStyleProps<BaseButtonTheme, null> & OtherHTMLAttributes<IconButtonOwnProps> & ToProp;
|
|
82
|
+
declare const allowedProps: AllowedPropKeys;
|
|
83
|
+
export type { IconButtonProps };
|
|
84
|
+
export { allowedProps };
|
|
85
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/IconButton/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,UAAU,EACX,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAE5D,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,UAAU,CAAA;IAErB;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,iBAAiB,EAAE,SAAS,CAAA;IAE5B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;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,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IAEjD;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,cAAc,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,KAChE,IAAI,CAAA;CACV,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,GACvC,MAAM,CAAA;AACR,QAAA,MAAM,YAAY,EAAE,eAkBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -16,7 +16,7 @@ declare class ToggleButton extends Component<ToggleButtonProps, ToggleButtonStat
|
|
|
16
16
|
interaction?: "enabled" | "disabled" | "readonly";
|
|
17
17
|
size?: "small" | "medium" | "large";
|
|
18
18
|
elementRef?: (element: Element | null) => void;
|
|
19
|
-
onClick?: (event: React.KeyboardEvent<import("@instructure/ui-view").ViewProps> | React.MouseEvent<import("@instructure/ui-view").ViewProps>) => void;
|
|
19
|
+
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;
|
|
20
20
|
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger";
|
|
21
21
|
isShowingTooltip?: boolean;
|
|
22
22
|
mountNode?: import("@instructure/ui-position").PositionMountNode;
|
|
@@ -0,0 +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,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;kDAEN,GAAG;;;;;;;;;;;;;SAFkB;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;gBAEW,KAAK,EAAE,iBAAiB;IAQpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;IAED,IAAI,gBAAgB,YAInB;IAED,MAAM;CAoDP;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
3
|
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
4
|
-
import type { ViewProps } from '@instructure/ui-view';
|
|
4
|
+
import type { ViewProps } from '@instructure/ui-view/v11_6';
|
|
5
5
|
import { Renderable } from '@instructure/shared-types';
|
|
6
6
|
type ToggleButtonOwnProps = {
|
|
7
7
|
/**
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/ToggleButton/v1/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,4BAA4B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,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;CAC/B,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,eAenB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { ToggleButtonProps, ToggleButtonState } from './props';
|
|
3
|
+
/**
|
|
4
|
+
---
|
|
5
|
+
category: components
|
|
6
|
+
---
|
|
7
|
+
**/
|
|
8
|
+
declare class ToggleButton extends Component<ToggleButtonProps, ToggleButtonState> {
|
|
9
|
+
static readonly componentId = "ToggleButton";
|
|
10
|
+
static allowedProps: readonly (keyof {
|
|
11
|
+
screenReaderLabel: string;
|
|
12
|
+
renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
|
|
13
|
+
renderIcon: import("@instructure/shared-types").Renderable;
|
|
14
|
+
status: "pressed" | "unpressed";
|
|
15
|
+
as?: import("@instructure/shared-types").AsElementType;
|
|
16
|
+
interaction?: "enabled" | "disabled" | "readonly";
|
|
17
|
+
size?: "small" | "medium" | "large";
|
|
18
|
+
elementRef?: (element: Element | null) => void;
|
|
19
|
+
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;
|
|
20
|
+
color?: "primary" | "primary-inverse" | "secondary" | "success" | "danger";
|
|
21
|
+
isShowingTooltip?: boolean;
|
|
22
|
+
mountNode?: import("@instructure/ui-position").PositionMountNode;
|
|
23
|
+
placement?: import("@instructure/ui-position").PlacementPropValues;
|
|
24
|
+
constrain?: import("@instructure/ui-position").PositionConstraint;
|
|
25
|
+
})[];
|
|
26
|
+
static defaultProps: {
|
|
27
|
+
size: string;
|
|
28
|
+
as: string;
|
|
29
|
+
interaction: undefined;
|
|
30
|
+
mountNode: null;
|
|
31
|
+
color: string;
|
|
32
|
+
placement: string;
|
|
33
|
+
constrain: string;
|
|
34
|
+
};
|
|
35
|
+
constructor(props: ToggleButtonProps);
|
|
36
|
+
ref: Element | null;
|
|
37
|
+
handleRef: (el: Element | null) => void;
|
|
38
|
+
get isShowingTooltip(): boolean;
|
|
39
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
40
|
+
}
|
|
41
|
+
export { ToggleButton };
|
|
42
|
+
export default ToggleButton;
|
|
43
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +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,QAAQ,CAAC,WAAW,kBAAiB;IAE5C,MAAM,CAAC,YAAY;;kDAGV,GAAG;;;;;;;;;;;;;SAHsB;IAClC,MAAM,CAAC,YAAY;;;;;;;;MASlB;gBAEW,KAAK,EAAE,iBAAiB;IAQpC,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,GAAI,IAAI,OAAO,GAAG,IAAI,UAK9B;IAED,IAAI,gBAAgB,YAInB;IAED,MAAM;CAmDP;AAED,OAAO,EAAE,YAAY,EAAE,CAAA;AACvB,eAAe,YAAY,CAAA"}
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { AsElementType, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
|
+
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
4
|
+
import type { ViewProps } from '@instructure/ui-view/latest';
|
|
5
|
+
import { Renderable } from '@instructure/shared-types';
|
|
6
|
+
type ToggleButtonOwnProps = {
|
|
7
|
+
/**
|
|
8
|
+
* Text to output only to screen readers
|
|
9
|
+
*/
|
|
10
|
+
screenReaderLabel: string;
|
|
11
|
+
/**
|
|
12
|
+
* Text to render in the tooltip shown on hover/focus
|
|
13
|
+
*/
|
|
14
|
+
renderTooltipContent: React.ReactNode | ((...args: any[]) => any);
|
|
15
|
+
/**
|
|
16
|
+
* An icon or function that returns an icon
|
|
17
|
+
*/
|
|
18
|
+
renderIcon: Renderable;
|
|
19
|
+
/**
|
|
20
|
+
* Toggles the `aria-pressed` attribute on the button (`true` if `pressed`; `false` if `unpressed`)
|
|
21
|
+
*/
|
|
22
|
+
status: 'pressed' | 'unpressed';
|
|
23
|
+
/**
|
|
24
|
+
* The element to render as the component root; `button` by default
|
|
25
|
+
*/
|
|
26
|
+
as?: AsElementType;
|
|
27
|
+
/**
|
|
28
|
+
* Specifies if interaction with `ToggleButton` is `enabled`, `disabled`, or `readonly`
|
|
29
|
+
*/
|
|
30
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
31
|
+
/**
|
|
32
|
+
* The size of the `ToggleButton`
|
|
33
|
+
*/
|
|
34
|
+
size?: 'small' | 'medium' | 'large';
|
|
35
|
+
/**
|
|
36
|
+
* Provides a reference to `ToggleButton`'s underlying HTML element
|
|
37
|
+
*/
|
|
38
|
+
elementRef?: (element: Element | null) => void;
|
|
39
|
+
/**
|
|
40
|
+
* Callback fired when the `ToggleButton` is clicked
|
|
41
|
+
*/
|
|
42
|
+
onClick?: (event: React.KeyboardEvent<ViewProps> | React.MouseEvent<ViewProps>) => void;
|
|
43
|
+
/**
|
|
44
|
+
* The color in which to display the icon
|
|
45
|
+
*/
|
|
46
|
+
color?: 'primary' | 'primary-inverse' | 'secondary' | 'success' | 'danger';
|
|
47
|
+
/**
|
|
48
|
+
* By default, the tooltip will show on hover/focus. Use this prop if you need to override that behavior.
|
|
49
|
+
*/
|
|
50
|
+
isShowingTooltip?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* An element or a function returning an element to use as the mount node
|
|
53
|
+
*/
|
|
54
|
+
mountNode?: PositionMountNode;
|
|
55
|
+
/**
|
|
56
|
+
* The placement of the tooltip in relation to the button
|
|
57
|
+
*/
|
|
58
|
+
placement?: PlacementPropValues;
|
|
59
|
+
/**
|
|
60
|
+
* The parent in which to constrain the tooltip.
|
|
61
|
+
* One of: 'window', 'scroll-parent', 'parent', 'none', an element,
|
|
62
|
+
* or a function returning an element.
|
|
63
|
+
*/
|
|
64
|
+
constrain?: PositionConstraint;
|
|
65
|
+
};
|
|
66
|
+
type PropKeys = keyof ToggleButtonOwnProps;
|
|
67
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
68
|
+
type ToggleButtonProps = ToggleButtonOwnProps & OtherHTMLAttributes<ToggleButtonOwnProps>;
|
|
69
|
+
type ToggleButtonState = {
|
|
70
|
+
isShowingTooltip: boolean;
|
|
71
|
+
};
|
|
72
|
+
declare const allowedProps: AllowedPropKeys;
|
|
73
|
+
export type { ToggleButtonProps, ToggleButtonState };
|
|
74
|
+
export { allowedProps };
|
|
75
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +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;AAEtD,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;CAC/B,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,eAenB,CAAA;AAED,YAAY,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { BaseButton } from '../BaseButton/v1';
|
|
2
|
+
export { Button } from '../Button/v1';
|
|
3
|
+
export { CloseButton } from '../CloseButton/v1';
|
|
4
|
+
export { CondensedButton } from '../CondensedButton/v1';
|
|
5
|
+
export { IconButton } from '../IconButton/v1';
|
|
6
|
+
export { ToggleButton } from '../ToggleButton/v1';
|
|
7
|
+
export type { BaseButtonProps, BaseButtonOwnProps } from '../BaseButton/v1/props';
|
|
8
|
+
export type { ButtonProps } from '../Button/v1/props';
|
|
9
|
+
export type { CloseButtonProps } from '../CloseButton/v1/props';
|
|
10
|
+
export type { CondensedButtonProps } from '../CondensedButton/v1/props';
|
|
11
|
+
export type { IconButtonProps } from '../IconButton/v1/props';
|
|
12
|
+
export type { ToggleButtonProps } from '../ToggleButton/v1/props';
|
|
13
|
+
//# sourceMappingURL=a.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"a.d.ts","sourceRoot":"","sources":["../../src/exports/a.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,YAAY,EACV,eAAe,EACf,kBAAkB,EACnB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export { BaseButton } from '../BaseButton/v2';
|
|
2
|
+
export { Button } from '../Button/v2';
|
|
3
|
+
export { CloseButton } from '../CloseButton/v2';
|
|
4
|
+
export { CondensedButton } from '../CondensedButton/v2';
|
|
5
|
+
export { IconButton } from '../IconButton/v2';
|
|
6
|
+
export { ToggleButton } from '../ToggleButton/v2';
|
|
7
|
+
export type { BaseButtonProps, BaseButtonOwnProps } from '../BaseButton/v2/props';
|
|
8
|
+
export type { ButtonProps } from '../Button/v2/props';
|
|
9
|
+
export type { CloseButtonProps } from '../CloseButton/v2/props';
|
|
10
|
+
export type { CondensedButtonProps } from '../CondensedButton/v2/props';
|
|
11
|
+
export type { IconButtonProps } from '../IconButton/v2/props';
|
|
12
|
+
export type { ToggleButtonProps } from '../ToggleButton/v2/props';
|
|
13
|
+
//# sourceMappingURL=b.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,YAAY,EACV,eAAe,EACf,kBAAkB,EACnB,MAAM,wBAAwB,CAAA;AAC/B,YAAY,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,YAAY,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAA;AACvE,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AAC7D,YAAY,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA"}
|
package/es/index.js
DELETED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* The MIT License (MIT)
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
-
*
|
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
-
* furnished to do so, subject to the following conditions:
|
|
12
|
-
*
|
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
-
* copies or substantial portions of the Software.
|
|
15
|
-
*
|
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
-
* SOFTWARE.
|
|
23
|
-
*/
|
|
24
|
-
export { BaseButton } from "./BaseButton/index.js";
|
|
25
|
-
export { Button } from "./Button/index.js";
|
|
26
|
-
export { CloseButton } from "./CloseButton/index.js";
|
|
27
|
-
export { CondensedButton } from "./CondensedButton/index.js";
|
|
28
|
-
export { IconButton } from "./IconButton/index.js";
|
|
29
|
-
export { ToggleButton } from "./ToggleButton/index.js";
|
package/src/index.ts
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* The MIT License (MIT)
|
|
3
|
-
*
|
|
4
|
-
* Copyright (c) 2015 - present Instructure, Inc.
|
|
5
|
-
*
|
|
6
|
-
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
7
|
-
* of this software and associated documentation files (the "Software"), to deal
|
|
8
|
-
* in the Software without restriction, including without limitation the rights
|
|
9
|
-
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
10
|
-
* copies of the Software, and to permit persons to whom the Software is
|
|
11
|
-
* furnished to do so, subject to the following conditions:
|
|
12
|
-
*
|
|
13
|
-
* The above copyright notice and this permission notice shall be included in all
|
|
14
|
-
* copies or substantial portions of the Software.
|
|
15
|
-
*
|
|
16
|
-
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
17
|
-
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
18
|
-
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
19
|
-
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
20
|
-
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
21
|
-
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
22
|
-
* SOFTWARE.
|
|
23
|
-
*/
|
|
24
|
-
|
|
25
|
-
export { BaseButton } from './BaseButton'
|
|
26
|
-
export { Button } from './Button'
|
|
27
|
-
export { CloseButton } from './CloseButton'
|
|
28
|
-
export { CondensedButton } from './CondensedButton'
|
|
29
|
-
export { IconButton } from './IconButton'
|
|
30
|
-
export { ToggleButton } from './ToggleButton'
|
|
31
|
-
|
|
32
|
-
export type { BaseButtonProps, BaseButtonOwnProps } from './BaseButton/props'
|
|
33
|
-
export type { ButtonProps } from './Button/props'
|
|
34
|
-
export type { CloseButtonProps } from './CloseButton/props'
|
|
35
|
-
export type { CondensedButtonProps } from './CondensedButton/props'
|
|
36
|
-
export type { IconButtonProps } from './IconButton/props'
|
|
37
|
-
export type { ToggleButtonProps } from './ToggleButton/props'
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAYjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AAarD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,YAAY,0DAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;MAeT;IAEV,GAAG,EAAE,WAAW,GAAG,IAAI,CAAO;IAE9B,iBAAiB;IAIjB,kBAAkB;IAIlB,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;IAIL,gBAAgB,GAAI,IAAI,WAAW,GAAG,IAAI,UAQzC;IAED,WAAW,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,OAAO,CAAC,UAa1D;IAED,aAAa,GAAI,OAAO,KAAK,CAAC,aAAa,CAAC,SAAS,GAAG,OAAO,CAAC,UA0B/D;IAED,cAAc;IAgCd,MAAM;CAqFP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/BaseButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,MAAM,EACN,aAAa,EACb,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AAEtD,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEpC;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAEnC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAElD;;OAEG;IACH,EAAE,CAAC,EAAE,aAAa,CAAA;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,eAAe,CAAA;IAE7B;;OAEG;IACH,KAAK,CAAC,EACF,SAAS,GACT,iBAAiB,GACjB,WAAW,GACX,SAAS,GACT,QAAQ,GACR,YAAY,GACZ,cAAc,CAAA;IAElB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAE/B;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAE9B;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAA;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;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,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,SAAS,CAAC,KAAK,IAAI,CAAA;IAE3D;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAA;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,KAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;IAC3B,SAAS,EAAE,OAAO,CAAA;CACnB,CAAA;AAED,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,GACvC,MAAM,CAAA;AAER,KAAK,eAAe,GAAG,cAAc,CACjC,YAAY,GACZ,SAAS,GACT,UAAU,GACV,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,aAAa,GACb,iBAAiB,CACpB,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,YAAY,EACV,eAAe,EACf,kBAAkB,EAClB,oBAAoB,EACpB,eAAe,EAChB,CAAA;AACD,OAAO,EAAE,YAAY,EAAE,CAAA"}
|