@instructure/ui-buttons 8.11.2-snapshot.7 → 8.12.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +4 -0
- package/es/BaseButton/index.js +7 -5
- package/es/package.json +1 -0
- package/lib/BaseButton/index.js +7 -5
- package/package.json +21 -22
- package/src/BaseButton/index.tsx +10 -6
- package/src/BaseButton/props.ts +2 -1
- package/src/Button/props.ts +2 -1
- package/src/CloseButton/props.ts +2 -1
- package/src/CondensedButton/props.ts +2 -1
- package/src/IconButton/props.ts +2 -1
- package/types/BaseButton/index.d.ts +3 -3
- package/types/BaseButton/index.d.ts.map +1 -1
- package/types/BaseButton/props.d.ts +2 -1
- package/types/BaseButton/props.d.ts.map +1 -1
- package/types/Button/index.d.ts +2 -12
- package/types/Button/index.d.ts.map +1 -1
- package/types/Button/props.d.ts +2 -1
- package/types/Button/props.d.ts.map +1 -1
- package/types/CloseButton/index.d.ts +2 -2
- package/types/CloseButton/props.d.ts +2 -1
- package/types/CloseButton/props.d.ts.map +1 -1
- package/types/CondensedButton/index.d.ts +2 -2
- package/types/CondensedButton/props.d.ts +2 -1
- package/types/CondensedButton/props.d.ts.map +1 -1
- package/types/IconButton/index.d.ts +2 -2
- package/types/IconButton/props.d.ts +2 -1
- package/types/IconButton/props.d.ts.map +1 -1
- package/LICENSE.md +0 -27
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [8.12.0](https://github.com/instructure/instructure-ui/compare/v8.11.1...v8.12.0) (2021-11-17)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-buttons
|
|
9
|
+
|
|
6
10
|
## [8.11.1](https://github.com/instructure/instructure-ui/compare/v8.11.0...v8.11.1) (2021-10-19)
|
|
7
11
|
|
|
8
12
|
**Note:** Version bump only for package @instructure/ui-buttons
|
package/es/BaseButton/index.js
CHANGED
|
@@ -48,12 +48,10 @@ category: components/utilities
|
|
|
48
48
|
let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec2 = testable(), _dec(_class = _dec2(_class = (_temp = _class2 = class BaseButton extends Component {
|
|
49
49
|
constructor(...args) {
|
|
50
50
|
super(...args);
|
|
51
|
-
this._rootElement = null;
|
|
52
51
|
this.ref = null;
|
|
53
52
|
|
|
54
53
|
this.handleElementRef = el => {
|
|
55
54
|
const elementRef = this.props.elementRef;
|
|
56
|
-
this._rootElement = el;
|
|
57
55
|
this.ref = el;
|
|
58
56
|
|
|
59
57
|
if (typeof elementRef === 'function') {
|
|
@@ -97,7 +95,7 @@ let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
|
|
|
97
95
|
}
|
|
98
96
|
|
|
99
97
|
if (href) {
|
|
100
|
-
this.
|
|
98
|
+
this.ref && this.ref.click();
|
|
101
99
|
}
|
|
102
100
|
}
|
|
103
101
|
};
|
|
@@ -111,6 +109,10 @@ let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
|
|
|
111
109
|
this.props.makeStyles(this.makeStylesVariables);
|
|
112
110
|
}
|
|
113
111
|
|
|
112
|
+
get _rootElement() {
|
|
113
|
+
return this.ref;
|
|
114
|
+
}
|
|
115
|
+
|
|
114
116
|
get makeStylesVariables() {
|
|
115
117
|
return {
|
|
116
118
|
isDisabled: this.isDisabled,
|
|
@@ -169,11 +171,11 @@ let BaseButton = (_dec = withStyle(generateStyles, generateComponentTheme), _dec
|
|
|
169
171
|
}
|
|
170
172
|
|
|
171
173
|
get focused() {
|
|
172
|
-
return isActiveElement(this.
|
|
174
|
+
return isActiveElement(this.ref);
|
|
173
175
|
}
|
|
174
176
|
|
|
175
177
|
focus() {
|
|
176
|
-
this.
|
|
178
|
+
this.ref && this.ref.focus();
|
|
177
179
|
}
|
|
178
180
|
|
|
179
181
|
renderChildren() {
|
package/es/package.json
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"type":"module"}
|
package/lib/BaseButton/index.js
CHANGED
|
@@ -49,12 +49,10 @@ category: components/utilities
|
|
|
49
49
|
let BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec2 = (0, _testable.testable)(), _dec(_class = _dec2(_class = (_temp = _class2 = class BaseButton extends _react.Component {
|
|
50
50
|
constructor(...args) {
|
|
51
51
|
super(...args);
|
|
52
|
-
this._rootElement = null;
|
|
53
52
|
this.ref = null;
|
|
54
53
|
|
|
55
54
|
this.handleElementRef = el => {
|
|
56
55
|
const elementRef = this.props.elementRef;
|
|
57
|
-
this._rootElement = el;
|
|
58
56
|
this.ref = el;
|
|
59
57
|
|
|
60
58
|
if (typeof elementRef === 'function') {
|
|
@@ -98,7 +96,7 @@ let BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
|
|
|
98
96
|
}
|
|
99
97
|
|
|
100
98
|
if (href) {
|
|
101
|
-
this.
|
|
99
|
+
this.ref && this.ref.click();
|
|
102
100
|
}
|
|
103
101
|
}
|
|
104
102
|
};
|
|
@@ -112,6 +110,10 @@ let BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
|
|
|
112
110
|
this.props.makeStyles(this.makeStylesVariables);
|
|
113
111
|
}
|
|
114
112
|
|
|
113
|
+
get _rootElement() {
|
|
114
|
+
return this.ref;
|
|
115
|
+
}
|
|
116
|
+
|
|
115
117
|
get makeStylesVariables() {
|
|
116
118
|
return {
|
|
117
119
|
isDisabled: this.isDisabled,
|
|
@@ -170,11 +172,11 @@ let BaseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default
|
|
|
170
172
|
}
|
|
171
173
|
|
|
172
174
|
get focused() {
|
|
173
|
-
return (0, _isActiveElement.isActiveElement)(this.
|
|
175
|
+
return (0, _isActiveElement.isActiveElement)(this.ref);
|
|
174
176
|
}
|
|
175
177
|
|
|
176
178
|
focus() {
|
|
177
|
-
this.
|
|
179
|
+
this.ref && this.ref.focus();
|
|
178
180
|
}
|
|
179
181
|
|
|
180
182
|
renderChildren() {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-buttons",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.12.0",
|
|
4
4
|
"description": "Accessible button components",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"type": "commonjs",
|
|
@@ -24,28 +24,28 @@
|
|
|
24
24
|
},
|
|
25
25
|
"license": "MIT",
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@instructure/ui-babel-preset": "8.
|
|
28
|
-
"@instructure/ui-test-locator": "8.
|
|
29
|
-
"@instructure/ui-test-queries": "8.
|
|
30
|
-
"@instructure/ui-test-utils": "8.
|
|
31
|
-
"@instructure/ui-themes": "8.
|
|
27
|
+
"@instructure/ui-babel-preset": "8.12.0",
|
|
28
|
+
"@instructure/ui-test-locator": "8.12.0",
|
|
29
|
+
"@instructure/ui-test-queries": "8.12.0",
|
|
30
|
+
"@instructure/ui-test-utils": "8.12.0",
|
|
31
|
+
"@instructure/ui-themes": "8.12.0"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.13.10",
|
|
35
|
-
"@instructure/console": "8.
|
|
36
|
-
"@instructure/emotion": "8.
|
|
37
|
-
"@instructure/shared-types": "8.
|
|
38
|
-
"@instructure/ui-a11y-content": "8.
|
|
39
|
-
"@instructure/ui-a11y-utils": "8.
|
|
40
|
-
"@instructure/ui-color-utils": "8.
|
|
41
|
-
"@instructure/ui-dom-utils": "8.
|
|
42
|
-
"@instructure/ui-icons": "8.
|
|
43
|
-
"@instructure/ui-position": "8.
|
|
44
|
-
"@instructure/ui-react-utils": "8.
|
|
45
|
-
"@instructure/ui-testable": "8.
|
|
46
|
-
"@instructure/ui-tooltip": "8.
|
|
47
|
-
"@instructure/ui-utils": "8.
|
|
48
|
-
"@instructure/ui-view": "8.
|
|
35
|
+
"@instructure/console": "8.12.0",
|
|
36
|
+
"@instructure/emotion": "8.12.0",
|
|
37
|
+
"@instructure/shared-types": "8.12.0",
|
|
38
|
+
"@instructure/ui-a11y-content": "8.12.0",
|
|
39
|
+
"@instructure/ui-a11y-utils": "8.12.0",
|
|
40
|
+
"@instructure/ui-color-utils": "8.12.0",
|
|
41
|
+
"@instructure/ui-dom-utils": "8.12.0",
|
|
42
|
+
"@instructure/ui-icons": "8.12.0",
|
|
43
|
+
"@instructure/ui-position": "8.12.0",
|
|
44
|
+
"@instructure/ui-react-utils": "8.12.0",
|
|
45
|
+
"@instructure/ui-testable": "8.12.0",
|
|
46
|
+
"@instructure/ui-tooltip": "8.12.0",
|
|
47
|
+
"@instructure/ui-utils": "8.12.0",
|
|
48
|
+
"@instructure/ui-view": "8.12.0",
|
|
49
49
|
"keycode": "^2",
|
|
50
50
|
"prop-types": "^15"
|
|
51
51
|
},
|
|
@@ -55,6 +55,5 @@
|
|
|
55
55
|
"publishConfig": {
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
|
-
"sideEffects": false
|
|
59
|
-
"gitHead": "2681e145ad469e1396536d3e9eed75a19995eb8a"
|
|
58
|
+
"sideEffects": false
|
|
60
59
|
}
|
package/src/BaseButton/index.tsx
CHANGED
|
@@ -79,8 +79,6 @@ class BaseButton extends Component<BaseButtonProps> {
|
|
|
79
79
|
onKeyDown: (event) => {}
|
|
80
80
|
} as const
|
|
81
81
|
|
|
82
|
-
_rootElement: Element | null = null
|
|
83
|
-
|
|
84
82
|
ref: Element | null = null
|
|
85
83
|
|
|
86
84
|
componentDidMount() {
|
|
@@ -93,6 +91,13 @@ class BaseButton extends Component<BaseButtonProps> {
|
|
|
93
91
|
// @ts-expect-error ts-migrate(2722) FIXME: Cannot invoke an object which is possibly 'undefin... Remove this comment to see the full error message
|
|
94
92
|
this.props.makeStyles(this.makeStylesVariables)
|
|
95
93
|
}
|
|
94
|
+
get _rootElement() {
|
|
95
|
+
console.warn(
|
|
96
|
+
'_rootElement property is deprecated and will be removed in v9, please use ref instead'
|
|
97
|
+
)
|
|
98
|
+
|
|
99
|
+
return this.ref
|
|
100
|
+
}
|
|
96
101
|
|
|
97
102
|
get makeStylesVariables(): BaseButtonStyleProps {
|
|
98
103
|
return {
|
|
@@ -147,18 +152,17 @@ class BaseButton extends Component<BaseButtonProps> {
|
|
|
147
152
|
}
|
|
148
153
|
|
|
149
154
|
get focused() {
|
|
150
|
-
return isActiveElement(this.
|
|
155
|
+
return isActiveElement(this.ref)
|
|
151
156
|
}
|
|
152
157
|
|
|
153
158
|
focus() {
|
|
154
159
|
// @ts-expect-error ts-migrate(2531) FIXME: Object is possibly 'null'.
|
|
155
|
-
this.
|
|
160
|
+
this.ref && this.ref.focus()
|
|
156
161
|
}
|
|
157
162
|
|
|
158
163
|
handleElementRef = (el: Element | null) => {
|
|
159
164
|
const { elementRef } = this.props
|
|
160
165
|
|
|
161
|
-
this._rootElement = el
|
|
162
166
|
this.ref = el
|
|
163
167
|
|
|
164
168
|
if (typeof elementRef === 'function') {
|
|
@@ -206,7 +210,7 @@ class BaseButton extends Component<BaseButtonProps> {
|
|
|
206
210
|
|
|
207
211
|
if (href) {
|
|
208
212
|
// @ts-expect-error ts-migrate(2531) FIXME: Object is possibly 'null'.
|
|
209
|
-
this.
|
|
213
|
+
this.ref && this.ref.click()
|
|
210
214
|
}
|
|
211
215
|
}
|
|
212
216
|
}
|
package/src/BaseButton/props.ts
CHANGED
|
@@ -39,6 +39,7 @@ import type {
|
|
|
39
39
|
OtherHTMLAttributes,
|
|
40
40
|
PropValidators
|
|
41
41
|
} from '@instructure/shared-types'
|
|
42
|
+
import type { Cursor } from '@instructure/ui-prop-types'
|
|
42
43
|
|
|
43
44
|
type BaseButtonOwnProps = {
|
|
44
45
|
children?: React.ReactNode
|
|
@@ -56,7 +57,7 @@ type BaseButtonOwnProps = {
|
|
|
56
57
|
withBorder?: boolean
|
|
57
58
|
isCondensed?: boolean
|
|
58
59
|
margin?: Spacing
|
|
59
|
-
cursor?:
|
|
60
|
+
cursor?: Cursor
|
|
60
61
|
href?: string
|
|
61
62
|
onClick?: (...args: any[]) => any
|
|
62
63
|
onKeyDown?: (...args: any[]) => any
|
package/src/Button/props.ts
CHANGED
|
@@ -34,6 +34,7 @@ import type {
|
|
|
34
34
|
BaseButtonTheme,
|
|
35
35
|
OtherHTMLAttributes
|
|
36
36
|
} from '@instructure/shared-types'
|
|
37
|
+
import type { Cursor } from '@instructure/ui-prop-types'
|
|
37
38
|
|
|
38
39
|
type ButtonOwnProps = {
|
|
39
40
|
children?: React.ReactNode
|
|
@@ -48,7 +49,7 @@ type ButtonOwnProps = {
|
|
|
48
49
|
textAlign?: 'start' | 'center'
|
|
49
50
|
withBackground?: boolean
|
|
50
51
|
margin?: Spacing
|
|
51
|
-
cursor?:
|
|
52
|
+
cursor?: Cursor
|
|
52
53
|
href?: string
|
|
53
54
|
renderIcon?: React.ReactNode | ((...args: any[]) => any)
|
|
54
55
|
}
|
package/src/CloseButton/props.ts
CHANGED
|
@@ -36,6 +36,7 @@ import type {
|
|
|
36
36
|
OtherHTMLAttributes,
|
|
37
37
|
PropValidators
|
|
38
38
|
} from '@instructure/shared-types'
|
|
39
|
+
import type { Cursor } from '@instructure/ui-prop-types'
|
|
39
40
|
|
|
40
41
|
type CloseButtonOwnProps = {
|
|
41
42
|
screenReaderLabel: string | React.ReactNode
|
|
@@ -50,7 +51,7 @@ type CloseButtonOwnProps = {
|
|
|
50
51
|
type?: 'button' | 'submit' | 'reset'
|
|
51
52
|
as?: AsElementType
|
|
52
53
|
href?: string
|
|
53
|
-
cursor?:
|
|
54
|
+
cursor?: Cursor
|
|
54
55
|
tabIndex?: number | string
|
|
55
56
|
}
|
|
56
57
|
|
|
@@ -34,6 +34,7 @@ import type {
|
|
|
34
34
|
OtherHTMLAttributes,
|
|
35
35
|
PropValidators
|
|
36
36
|
} from '@instructure/shared-types'
|
|
37
|
+
import type { Cursor } from '@instructure/ui-prop-types'
|
|
37
38
|
|
|
38
39
|
type CondensedButtonOwnProps = {
|
|
39
40
|
children?: React.ReactNode
|
|
@@ -44,7 +45,7 @@ type CondensedButtonOwnProps = {
|
|
|
44
45
|
interaction?: 'enabled' | 'disabled' | 'readonly'
|
|
45
46
|
color?: 'primary' | 'primary-inverse'
|
|
46
47
|
margin?: Spacing
|
|
47
|
-
cursor?:
|
|
48
|
+
cursor?: Cursor
|
|
48
49
|
href?: string
|
|
49
50
|
renderIcon?: React.ReactNode | ((...args: any[]) => any)
|
|
50
51
|
}
|
package/src/IconButton/props.ts
CHANGED
|
@@ -34,6 +34,7 @@ import type {
|
|
|
34
34
|
BaseButtonTheme,
|
|
35
35
|
OtherHTMLAttributes
|
|
36
36
|
} from '@instructure/shared-types'
|
|
37
|
+
import type { Cursor } from '@instructure/ui-prop-types'
|
|
37
38
|
|
|
38
39
|
type IconButtonOwnProps = {
|
|
39
40
|
children?: React.ReactNode | ((...args: any[]) => React.ReactNode)
|
|
@@ -50,7 +51,7 @@ type IconButtonOwnProps = {
|
|
|
50
51
|
withBackground?: boolean
|
|
51
52
|
withBorder?: boolean
|
|
52
53
|
margin?: Spacing
|
|
53
|
-
cursor?:
|
|
54
|
+
cursor?: Cursor
|
|
54
55
|
href?: string
|
|
55
56
|
}
|
|
56
57
|
|
|
@@ -25,7 +25,7 @@ declare class BaseButton extends Component<BaseButtonProps> {
|
|
|
25
25
|
withBorder?: boolean | undefined;
|
|
26
26
|
isCondensed?: boolean | undefined;
|
|
27
27
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
28
|
-
cursor?:
|
|
28
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
29
29
|
href?: string | undefined;
|
|
30
30
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
31
31
|
onKeyDown?: ((...args: any[]) => any) | undefined;
|
|
@@ -48,7 +48,7 @@ declare class BaseButton extends Component<BaseButtonProps> {
|
|
|
48
48
|
withBorder?: boolean | undefined;
|
|
49
49
|
isCondensed?: boolean | undefined;
|
|
50
50
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
51
|
-
cursor?:
|
|
51
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
52
52
|
href?: string | undefined;
|
|
53
53
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
54
54
|
onKeyDown?: ((...args: any[]) => any) | undefined;
|
|
@@ -72,10 +72,10 @@ declare class BaseButton extends Component<BaseButtonProps> {
|
|
|
72
72
|
readonly cursor: "pointer";
|
|
73
73
|
readonly onKeyDown: (event: any) => void;
|
|
74
74
|
};
|
|
75
|
-
_rootElement: Element | null;
|
|
76
75
|
ref: Element | null;
|
|
77
76
|
componentDidMount(): void;
|
|
78
77
|
componentDidUpdate(prevProps: any, prevState: any, snapshot: any): void;
|
|
78
|
+
get _rootElement(): Element | null;
|
|
79
79
|
get makeStylesVariables(): BaseButtonStyleProps;
|
|
80
80
|
get hasOnlyIconVisible(): boolean;
|
|
81
81
|
get elementType(): import("@instructure/shared-types/types/CommonProps").AsElementType;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;MAmBT;IAEV,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/BaseButton/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAcjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAEpE;;;;GAIG;AAEH,cAEM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAE1C,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;MAmBT;IAEV,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAIjD,IAAI,YAAY,mBAMf;IAED,IAAI,mBAAmB,IAAI,oBAAoB,CAK9C;IAED,IAAI,kBAAkB,YAGrB;IAED,IAAI,WAAW,wEAEd;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,UAAU,YAEb;IAED,IAAI,UAAU,YAEb;IAED,IAAI,SAAS,YAEZ;IAED,IAAI,UAAU,uBAkBb;IAED,IAAI,OAAO,YAEV;IAED,KAAK;IAKL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAGD,WAAW,uBAaV;IAGD,aAAa,uBA0BZ;IAED,cAAc;IAgCd,MAAM;CAwDP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}
|
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import type { InteractionType } from '@instructure/ui-react-utils';
|
|
3
3
|
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
4
|
import type { AsElementType, BaseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
|
|
5
|
+
import type { Cursor } from '@instructure/ui-prop-types';
|
|
5
6
|
declare type BaseButtonOwnProps = {
|
|
6
7
|
children?: React.ReactNode;
|
|
7
8
|
type?: 'button' | 'submit' | 'reset';
|
|
@@ -18,7 +19,7 @@ declare type BaseButtonOwnProps = {
|
|
|
18
19
|
withBorder?: boolean;
|
|
19
20
|
isCondensed?: boolean;
|
|
20
21
|
margin?: Spacing;
|
|
21
|
-
cursor?:
|
|
22
|
+
cursor?: Cursor;
|
|
22
23
|
href?: string;
|
|
23
24
|
onClick?: (...args: any[]) => any;
|
|
24
25
|
onKeyDown?: (...args: any[]) => any;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/BaseButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,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,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/BaseButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,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,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,SAAS,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,aAAK,oBAAoB,GAAG;IAC1B,UAAU,EAAE,OAAO,CAAA;IACnB,kBAAkB,EAAE,OAAO,CAAA;CAC5B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,GAChD,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,aAAK,eAAe,GAAG,cAAc,CACjC,YAAY,GACZ,SAAS,GACT,UAAU,GACV,SAAS,GACT,gBAAgB,GAChB,UAAU,GACV,aAAa,GACb,iBAAiB,CACpB,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgGvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAsBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,eAAe,EAAE,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
package/types/Button/index.d.ts
CHANGED
|
@@ -10,11 +10,6 @@ declare class Button extends Component<ButtonProps> {
|
|
|
10
10
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
11
11
|
children?: React.ReactNode;
|
|
12
12
|
type?: "button" | "submit" | "reset" | undefined;
|
|
13
|
-
/**
|
|
14
|
-
---
|
|
15
|
-
category: components
|
|
16
|
-
---
|
|
17
|
-
**/
|
|
18
13
|
size?: "small" | "medium" | "large" | undefined;
|
|
19
14
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
20
15
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
@@ -25,18 +20,13 @@ declare class Button extends Component<ButtonProps> {
|
|
|
25
20
|
textAlign?: "start" | "center" | undefined;
|
|
26
21
|
withBackground?: boolean | undefined;
|
|
27
22
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
28
|
-
cursor?:
|
|
23
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
29
24
|
href?: string | undefined;
|
|
30
25
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
31
26
|
}>;
|
|
32
27
|
static allowedProps: readonly (keyof {
|
|
33
28
|
children?: React.ReactNode;
|
|
34
29
|
type?: "button" | "submit" | "reset" | undefined;
|
|
35
|
-
/**
|
|
36
|
-
---
|
|
37
|
-
category: components
|
|
38
|
-
---
|
|
39
|
-
**/
|
|
40
30
|
size?: "small" | "medium" | "large" | undefined;
|
|
41
31
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
42
32
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
@@ -47,7 +37,7 @@ declare class Button extends Component<ButtonProps> {
|
|
|
47
37
|
textAlign?: "start" | "center" | undefined;
|
|
48
38
|
withBackground?: boolean | undefined;
|
|
49
39
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
50
|
-
cursor?:
|
|
40
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
51
41
|
href?: string | undefined;
|
|
52
42
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
53
43
|
})[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Button/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWxC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AAEH,cAEM,MAAO,SAAQ,SAAS,CAAC,WAAW,CAAC;IACzC,MAAM,CAAC,QAAQ,CAAC,WAAW,YAAW;IAEtC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;MAclB;IAED,gBAAgB,OAAO;IAEvB,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,IAAI,OAAO,SAGV;IAED,KAAK;IAKL,gBAAgB,OAAQ,OAAO,GAAG,IAAI,UAQrC;IAGD,eAAe,2BAEd;IAED,MAAM;CA4CP;AAED,eAAe,MAAM,CAAA;AACrB,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
package/types/Button/props.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
3
|
import type { AsElementType, PropValidators, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
|
+
import type { Cursor } from '@instructure/ui-prop-types';
|
|
4
5
|
declare type ButtonOwnProps = {
|
|
5
6
|
children?: React.ReactNode;
|
|
6
7
|
type?: 'button' | 'submit' | 'reset';
|
|
@@ -14,7 +15,7 @@ declare type ButtonOwnProps = {
|
|
|
14
15
|
textAlign?: 'start' | 'center';
|
|
15
16
|
withBackground?: boolean;
|
|
16
17
|
margin?: Spacing;
|
|
17
|
-
cursor?:
|
|
18
|
+
cursor?: Cursor;
|
|
18
19
|
href?: string;
|
|
19
20
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
20
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Button/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Button/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,cAAc,GAAG;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,cAAc,GAAG,OAAO,CAAA;IAClC,SAAS,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;CACzD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,cAAc,CAAA;AAEpC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,WAAW,GAAG,cAAc,GAC/B,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,cAAc,CAAC,CAAA;AAErC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAuEvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAgBnB,CAAA;AAED,YAAY,EAAE,WAAW,EAAE,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -22,7 +22,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
|
|
|
22
22
|
type?: "button" | "submit" | "reset" | undefined;
|
|
23
23
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
24
24
|
href?: string | undefined;
|
|
25
|
-
cursor?:
|
|
25
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
26
26
|
tabIndex?: string | number | undefined;
|
|
27
27
|
}>;
|
|
28
28
|
static allowedProps: readonly (keyof {
|
|
@@ -38,7 +38,7 @@ declare class CloseButton extends Component<CloseButtonProps> {
|
|
|
38
38
|
type?: "button" | "submit" | "reset" | undefined;
|
|
39
39
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
40
40
|
href?: string | undefined;
|
|
41
|
-
cursor?:
|
|
41
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
42
42
|
tabIndex?: string | number | undefined;
|
|
43
43
|
})[];
|
|
44
44
|
static defaultProps: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
3
|
import type { AsElementType, CloseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
|
|
4
|
+
import type { Cursor } from '@instructure/ui-prop-types';
|
|
4
5
|
declare type CloseButtonOwnProps = {
|
|
5
6
|
screenReaderLabel: string | React.ReactNode;
|
|
6
7
|
color?: 'primary' | 'primary-inverse';
|
|
@@ -14,7 +15,7 @@ declare type CloseButtonOwnProps = {
|
|
|
14
15
|
type?: 'button' | 'submit' | 'reset';
|
|
15
16
|
as?: AsElementType;
|
|
16
17
|
href?: string;
|
|
17
|
-
cursor?:
|
|
18
|
+
cursor?: Cursor;
|
|
18
19
|
tabIndex?: number | string;
|
|
19
20
|
};
|
|
20
21
|
declare type PropKeys = keyof CloseButtonOwnProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CloseButton/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CloseButton/props.ts"],"names":[],"mappings":";AA2BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,mBAAmB,GAAG;IACzB,iBAAiB,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3C,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACjC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACtC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAA;IAChD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CAAC,aAAa,CAAC,CAAA;AAErD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA+DvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAenB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -16,7 +16,7 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
|
|
|
16
16
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
17
17
|
color?: "primary" | "primary-inverse" | undefined;
|
|
18
18
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
19
|
-
cursor?:
|
|
19
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
20
20
|
href?: string | undefined;
|
|
21
21
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
22
22
|
}>;
|
|
@@ -29,7 +29,7 @@ declare class CondensedButton extends Component<CondensedButtonProps> {
|
|
|
29
29
|
interaction?: "enabled" | "disabled" | "readonly" | undefined;
|
|
30
30
|
color?: "primary" | "primary-inverse" | undefined;
|
|
31
31
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
32
|
-
cursor?:
|
|
32
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
33
33
|
href?: string | undefined;
|
|
34
34
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
35
35
|
})[];
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
3
|
import type { AsElementType, BaseButtonTheme, OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
|
|
4
|
+
import type { Cursor } from '@instructure/ui-prop-types';
|
|
4
5
|
declare type CondensedButtonOwnProps = {
|
|
5
6
|
children?: React.ReactNode;
|
|
6
7
|
type?: 'button' | 'submit' | 'reset';
|
|
@@ -10,7 +11,7 @@ declare type CondensedButtonOwnProps = {
|
|
|
10
11
|
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
11
12
|
color?: 'primary' | 'primary-inverse';
|
|
12
13
|
margin?: Spacing;
|
|
13
|
-
cursor?:
|
|
14
|
+
cursor?: Cursor;
|
|
14
15
|
href?: string;
|
|
15
16
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
16
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CondensedButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/CondensedButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,eAAe,EACf,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,uBAAuB,GAAG;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,CAAA;IACrC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;CACzD,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,uBAAuB,CAAA;AAE7C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,oBAAoB,GAAG,uBAAuB,GACjD,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,uBAAuB,CAAC,CAAA;AAE9C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAgDvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAYnB,CAAA;AAED,YAAY,EAAE,oBAAoB,EAAE,CAAA;AACpC,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -22,7 +22,7 @@ declare class IconButton extends Component<IconButtonProps> {
|
|
|
22
22
|
withBackground?: boolean | undefined;
|
|
23
23
|
withBorder?: boolean | undefined;
|
|
24
24
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
25
|
-
cursor?:
|
|
25
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
26
26
|
href?: string | undefined;
|
|
27
27
|
}>;
|
|
28
28
|
static allowedProps: readonly (keyof {
|
|
@@ -40,7 +40,7 @@ declare class IconButton extends Component<IconButtonProps> {
|
|
|
40
40
|
withBackground?: boolean | undefined;
|
|
41
41
|
withBorder?: boolean | undefined;
|
|
42
42
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
43
|
-
cursor?:
|
|
43
|
+
cursor?: import("@instructure/ui-prop-types/types/cursor").Cursor | undefined;
|
|
44
44
|
href?: string | undefined;
|
|
45
45
|
})[];
|
|
46
46
|
static defaultProps: {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { Spacing, WithStyleProps } from '@instructure/emotion';
|
|
3
3
|
import type { AsElementType, PropValidators, BaseButtonTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
|
+
import type { Cursor } from '@instructure/ui-prop-types';
|
|
4
5
|
declare type IconButtonOwnProps = {
|
|
5
6
|
children?: React.ReactNode | ((...args: any[]) => React.ReactNode);
|
|
6
7
|
renderIcon?: React.ReactNode | ((...args: any[]) => any);
|
|
@@ -16,7 +17,7 @@ declare type IconButtonOwnProps = {
|
|
|
16
17
|
withBackground?: boolean;
|
|
17
18
|
withBorder?: boolean;
|
|
18
19
|
margin?: Spacing;
|
|
19
|
-
cursor?:
|
|
20
|
+
cursor?: Cursor;
|
|
20
21
|
href?: string;
|
|
21
22
|
};
|
|
22
23
|
declare type PropKeys = keyof IconButtonOwnProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/IconButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/IconButton/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,eAAe,EACf,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAA;AAExD,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;IAClE,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACxD,iBAAiB,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;IACpC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD,KAAK,CAAC,EAAE,SAAS,GAAG,iBAAiB,GAAG,WAAW,GAAG,SAAS,GAAG,QAAQ,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,KAAK,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAA;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,IAAI,CAAC,GACrC,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CA0EvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAiBnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
package/LICENSE.md
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
---
|
|
2
|
-
title: The MIT License (MIT)
|
|
3
|
-
category: Getting Started
|
|
4
|
-
order: 9
|
|
5
|
-
---
|
|
6
|
-
|
|
7
|
-
# The MIT License (MIT)
|
|
8
|
-
|
|
9
|
-
Copyright (c) 2015 Instructure, Inc.
|
|
10
|
-
|
|
11
|
-
**Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
12
|
-
of this software and associated documentation files (the "Software"), to deal
|
|
13
|
-
in the Software without restriction, including without limitation the rights
|
|
14
|
-
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
15
|
-
copies of the Software, and to permit persons to whom the Software is
|
|
16
|
-
furnished to do so, subject to the following conditions.**
|
|
17
|
-
|
|
18
|
-
The above copyright notice and this permission notice shall be included in all
|
|
19
|
-
copies or substantial portions of the Software.
|
|
20
|
-
|
|
21
|
-
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
22
|
-
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
23
|
-
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
24
|
-
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
25
|
-
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
26
|
-
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
27
|
-
SOFTWARE.
|