@instructure/ui-buttons 8.11.2-snapshot.7 → 8.11.2-snapshot.70
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/es/BaseButton/index.js +7 -5
- package/es/package.json +1 -0
- package/lib/BaseButton/index.js +7 -5
- package/package.json +21 -21
- 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/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.11.2-snapshot.
|
|
3
|
+
"version": "8.11.2-snapshot.70+9653a896e",
|
|
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.11.2-snapshot.
|
|
28
|
-
"@instructure/ui-test-locator": "8.11.2-snapshot.
|
|
29
|
-
"@instructure/ui-test-queries": "8.11.2-snapshot.
|
|
30
|
-
"@instructure/ui-test-utils": "8.11.2-snapshot.
|
|
31
|
-
"@instructure/ui-themes": "8.11.2-snapshot.
|
|
27
|
+
"@instructure/ui-babel-preset": "8.11.2-snapshot.70+9653a896e",
|
|
28
|
+
"@instructure/ui-test-locator": "8.11.2-snapshot.70+9653a896e",
|
|
29
|
+
"@instructure/ui-test-queries": "8.11.2-snapshot.70+9653a896e",
|
|
30
|
+
"@instructure/ui-test-utils": "8.11.2-snapshot.70+9653a896e",
|
|
31
|
+
"@instructure/ui-themes": "8.11.2-snapshot.70+9653a896e"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.13.10",
|
|
35
|
-
"@instructure/console": "8.11.2-snapshot.
|
|
36
|
-
"@instructure/emotion": "8.11.2-snapshot.
|
|
37
|
-
"@instructure/shared-types": "8.11.2-snapshot.
|
|
38
|
-
"@instructure/ui-a11y-content": "8.11.2-snapshot.
|
|
39
|
-
"@instructure/ui-a11y-utils": "8.11.2-snapshot.
|
|
40
|
-
"@instructure/ui-color-utils": "8.11.2-snapshot.
|
|
41
|
-
"@instructure/ui-dom-utils": "8.11.2-snapshot.
|
|
42
|
-
"@instructure/ui-icons": "8.11.2-snapshot.
|
|
43
|
-
"@instructure/ui-position": "8.11.2-snapshot.
|
|
44
|
-
"@instructure/ui-react-utils": "8.11.2-snapshot.
|
|
45
|
-
"@instructure/ui-testable": "8.11.2-snapshot.
|
|
46
|
-
"@instructure/ui-tooltip": "8.11.2-snapshot.
|
|
47
|
-
"@instructure/ui-utils": "8.11.2-snapshot.
|
|
48
|
-
"@instructure/ui-view": "8.11.2-snapshot.
|
|
35
|
+
"@instructure/console": "8.11.2-snapshot.70+9653a896e",
|
|
36
|
+
"@instructure/emotion": "8.11.2-snapshot.70+9653a896e",
|
|
37
|
+
"@instructure/shared-types": "8.11.2-snapshot.70+9653a896e",
|
|
38
|
+
"@instructure/ui-a11y-content": "8.11.2-snapshot.70+9653a896e",
|
|
39
|
+
"@instructure/ui-a11y-utils": "8.11.2-snapshot.70+9653a896e",
|
|
40
|
+
"@instructure/ui-color-utils": "8.11.2-snapshot.70+9653a896e",
|
|
41
|
+
"@instructure/ui-dom-utils": "8.11.2-snapshot.70+9653a896e",
|
|
42
|
+
"@instructure/ui-icons": "8.11.2-snapshot.70+9653a896e",
|
|
43
|
+
"@instructure/ui-position": "8.11.2-snapshot.70+9653a896e",
|
|
44
|
+
"@instructure/ui-react-utils": "8.11.2-snapshot.70+9653a896e",
|
|
45
|
+
"@instructure/ui-testable": "8.11.2-snapshot.70+9653a896e",
|
|
46
|
+
"@instructure/ui-tooltip": "8.11.2-snapshot.70+9653a896e",
|
|
47
|
+
"@instructure/ui-utils": "8.11.2-snapshot.70+9653a896e",
|
|
48
|
+
"@instructure/ui-view": "8.11.2-snapshot.70+9653a896e",
|
|
49
49
|
"keycode": "^2",
|
|
50
50
|
"prop-types": "^15"
|
|
51
51
|
},
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"access": "public"
|
|
57
57
|
},
|
|
58
58
|
"sideEffects": false,
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "9653a896e80ba4d73335225e80807746a232d96d"
|
|
60
60
|
}
|
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"}
|