@instructure/ui-buttons 10.15.2-snapshot-0 → 10.15.2-snapshot-2

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.
Files changed (27) hide show
  1. package/CHANGELOG.md +2 -1
  2. package/es/BaseButton/props.js +1 -2
  3. package/es/Button/props.js +1 -2
  4. package/es/CloseButton/props.js +1 -2
  5. package/es/CondensedButton/props.js +1 -2
  6. package/es/IconButton/props.js +1 -2
  7. package/lib/BaseButton/props.js +1 -2
  8. package/lib/Button/props.js +1 -2
  9. package/lib/CloseButton/props.js +1 -2
  10. package/lib/CondensedButton/props.js +1 -2
  11. package/lib/IconButton/props.js +1 -2
  12. package/package.json +20 -20
  13. package/src/BaseButton/props.ts +1 -3
  14. package/src/Button/props.ts +1 -3
  15. package/src/CloseButton/props.ts +1 -3
  16. package/src/CondensedButton/props.ts +1 -3
  17. package/src/IconButton/props.ts +1 -3
  18. package/tsconfig.build.tsbuildinfo +1 -1
  19. package/types/BaseButton/props.d.ts.map +1 -1
  20. package/types/Button/index.d.ts.map +1 -1
  21. package/types/Button/props.d.ts.map +1 -1
  22. package/types/CloseButton/index.d.ts.map +1 -1
  23. package/types/CloseButton/props.d.ts.map +1 -1
  24. package/types/CondensedButton/index.d.ts.map +1 -1
  25. package/types/CondensedButton/props.d.ts.map +1 -1
  26. package/types/IconButton/index.d.ts.map +1 -1
  27. package/types/IconButton/props.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,12 +3,13 @@
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
- ## [10.15.2-snapshot-0](https://github.com/instructure/instructure-ui/compare/v10.15.1...v10.15.2-snapshot-0) (2025-04-04)
6
+ ## [10.15.2-snapshot-2](https://github.com/instructure/instructure-ui/compare/v10.15.1...v10.15.2-snapshot-2) (2025-04-04)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
11
  * **ui-buttons:** fix tabindex=0 added unnecessarly to Buttons ([a9a68a4](https://github.com/instructure/instructure-ui/commit/a9a68a447d04e6c5509e0ce785745cdcaea73c54))
12
+ * update PropTypes to align with the new spacing tokens ([223d55b](https://github.com/instructure/instructure-ui/commit/223d55bad95e2a3a8b298d622e5b1d0fbab6b289))
12
13
 
13
14
 
14
15
 
package/es/BaseButton/props.js CHANGED
@@ -23,7 +23,6 @@
23
23
  */
24
24
 
25
25
  import PropTypes from 'prop-types';
26
- import { ThemeablePropTypes } from '@instructure/emotion';
27
26
  const propTypes = {
28
27
  children: PropTypes.node,
29
28
  type: PropTypes.oneOf(['button', 'submit', 'reset']),
@@ -39,7 +38,7 @@ const propTypes = {
39
38
  withBackground: PropTypes.bool,
40
39
  withBorder: PropTypes.bool,
41
40
  isCondensed: PropTypes.bool,
42
- margin: ThemeablePropTypes.spacing,
41
+ margin: PropTypes.string,
43
42
  cursor: PropTypes.string,
44
43
  href: PropTypes.string,
45
44
  onClick: PropTypes.func,
package/es/Button/props.js CHANGED
@@ -23,7 +23,6 @@
23
23
  */
24
24
 
25
25
  import PropTypes from 'prop-types';
26
- import { ThemeablePropTypes } from '@instructure/emotion';
27
26
  const propTypes = {
28
27
  children: PropTypes.node,
29
28
  type: PropTypes.oneOf(['button', 'submit', 'reset']),
@@ -36,7 +35,7 @@ const propTypes = {
36
35
  display: PropTypes.oneOf(['inline-block', 'block']),
37
36
  textAlign: PropTypes.oneOf(['start', 'center']),
38
37
  withBackground: PropTypes.bool,
39
- margin: ThemeablePropTypes.spacing,
38
+ margin: PropTypes.string,
40
39
  cursor: PropTypes.string,
41
40
  href: PropTypes.string,
42
41
  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
package/es/CloseButton/props.js CHANGED
@@ -23,7 +23,6 @@
23
23
  */
24
24
 
25
25
  import PropTypes from 'prop-types';
26
- import { ThemeablePropTypes } from '@instructure/emotion';
27
26
  const propTypes = {
28
27
  screenReaderLabel: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,
29
28
  color: PropTypes.oneOf(['primary', 'primary-inverse']),
@@ -31,7 +30,7 @@ const propTypes = {
31
30
  elementRef: PropTypes.func,
32
31
  size: PropTypes.oneOf(['small', 'medium', 'large']),
33
32
  onClick: PropTypes.func,
34
- margin: ThemeablePropTypes.spacing,
33
+ margin: PropTypes.string,
35
34
  placement: PropTypes.oneOf(['start', 'end', 'static']),
36
35
  offset: PropTypes.oneOf(['none', 'x-small', 'small', 'medium']),
37
36
  type: PropTypes.oneOf(['button', 'submit', 'reset']),
package/es/CondensedButton/props.js CHANGED
@@ -23,7 +23,6 @@
23
23
  */
24
24
 
25
25
  import PropTypes from 'prop-types';
26
- import { ThemeablePropTypes } from '@instructure/emotion';
27
26
  const propTypes = {
28
27
  children: PropTypes.node,
29
28
  type: PropTypes.oneOf(['button', 'submit', 'reset']),
@@ -32,7 +31,7 @@ const propTypes = {
32
31
  as: PropTypes.elementType,
33
32
  interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
34
33
  color: PropTypes.oneOf(['primary', 'primary-inverse', 'secondary']),
35
- margin: ThemeablePropTypes.spacing,
34
+ margin: PropTypes.string,
36
35
  cursor: PropTypes.string,
37
36
  href: PropTypes.string,
38
37
  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
package/es/IconButton/props.js CHANGED
@@ -23,7 +23,6 @@
23
23
  */
24
24
 
25
25
  import PropTypes from 'prop-types';
26
- import { ThemeablePropTypes } from '@instructure/emotion';
27
26
  const propTypes = {
28
27
  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
29
28
  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
@@ -38,7 +37,7 @@ const propTypes = {
38
37
  shape: PropTypes.oneOf(['rectangle', 'circle']),
39
38
  withBackground: PropTypes.bool,
40
39
  withBorder: PropTypes.bool,
41
- margin: ThemeablePropTypes.spacing,
40
+ margin: PropTypes.string,
42
41
  cursor: PropTypes.string,
43
42
  href: PropTypes.string,
44
43
  onClick: PropTypes.func
package/lib/BaseButton/props.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.propTypes = exports.allowedProps = void 0;
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _emotion = require("@instructure/emotion");
10
9
  /*
11
10
  * The MIT License (MIT)
12
11
  *
@@ -46,7 +45,7 @@ const propTypes = exports.propTypes = {
46
45
  withBackground: _propTypes.default.bool,
47
46
  withBorder: _propTypes.default.bool,
48
47
  isCondensed: _propTypes.default.bool,
49
- margin: _emotion.ThemeablePropTypes.spacing,
48
+ margin: _propTypes.default.string,
50
49
  cursor: _propTypes.default.string,
51
50
  href: _propTypes.default.string,
52
51
  onClick: _propTypes.default.func,
package/lib/Button/props.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.propTypes = exports.allowedProps = void 0;
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _emotion = require("@instructure/emotion");
10
9
  /*
11
10
  * The MIT License (MIT)
12
11
  *
@@ -43,7 +42,7 @@ const propTypes = exports.propTypes = {
43
42
  display: _propTypes.default.oneOf(['inline-block', 'block']),
44
43
  textAlign: _propTypes.default.oneOf(['start', 'center']),
45
44
  withBackground: _propTypes.default.bool,
46
- margin: _emotion.ThemeablePropTypes.spacing,
45
+ margin: _propTypes.default.string,
47
46
  cursor: _propTypes.default.string,
48
47
  href: _propTypes.default.string,
49
48
  renderIcon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
package/lib/CloseButton/props.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.propTypes = exports.allowedProps = void 0;
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _emotion = require("@instructure/emotion");
10
9
  /*
11
10
  * The MIT License (MIT)
12
11
  *
@@ -38,7 +37,7 @@ const propTypes = exports.propTypes = {
38
37
  elementRef: _propTypes.default.func,
39
38
  size: _propTypes.default.oneOf(['small', 'medium', 'large']),
40
39
  onClick: _propTypes.default.func,
41
- margin: _emotion.ThemeablePropTypes.spacing,
40
+ margin: _propTypes.default.string,
42
41
  placement: _propTypes.default.oneOf(['start', 'end', 'static']),
43
42
  offset: _propTypes.default.oneOf(['none', 'x-small', 'small', 'medium']),
44
43
  type: _propTypes.default.oneOf(['button', 'submit', 'reset']),
package/lib/CondensedButton/props.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.propTypes = exports.allowedProps = void 0;
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _emotion = require("@instructure/emotion");
10
9
  /*
11
10
  * The MIT License (MIT)
12
11
  *
@@ -39,7 +38,7 @@ const propTypes = exports.propTypes = {
39
38
  as: _propTypes.default.elementType,
40
39
  interaction: _propTypes.default.oneOf(['enabled', 'disabled', 'readonly']),
41
40
  color: _propTypes.default.oneOf(['primary', 'primary-inverse', 'secondary']),
42
- margin: _emotion.ThemeablePropTypes.spacing,
41
+ margin: _propTypes.default.string,
43
42
  cursor: _propTypes.default.string,
44
43
  href: _propTypes.default.string,
45
44
  renderIcon: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
package/lib/IconButton/props.js CHANGED
@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", {
6
6
  });
7
7
  exports.propTypes = exports.allowedProps = void 0;
8
8
  var _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _emotion = require("@instructure/emotion");
10
9
  /*
11
10
  * The MIT License (MIT)
12
11
  *
@@ -45,7 +44,7 @@ const propTypes = exports.propTypes = {
45
44
  shape: _propTypes.default.oneOf(['rectangle', 'circle']),
46
45
  withBackground: _propTypes.default.bool,
47
46
  withBorder: _propTypes.default.bool,
48
- margin: _emotion.ThemeablePropTypes.spacing,
47
+ margin: _propTypes.default.string,
49
48
  cursor: _propTypes.default.string,
50
49
  href: _propTypes.default.string,
51
50
  onClick: _propTypes.default.func
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "10.15.2-snapshot-0",
3
+ "version": "10.15.2-snapshot-2",
4
4
  "description": "Accessible button components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,10 +23,10 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.15.2-snapshot-0",
27
- "@instructure/ui-babel-preset": "10.15.2-snapshot-0",
28
- "@instructure/ui-test-utils": "10.15.2-snapshot-0",
29
- "@instructure/ui-themes": "10.15.2-snapshot-0",
26
+ "@instructure/ui-axe-check": "10.15.2-snapshot-2",
27
+ "@instructure/ui-babel-preset": "10.15.2-snapshot-2",
28
+ "@instructure/ui-test-utils": "10.15.2-snapshot-2",
29
+ "@instructure/ui-themes": "10.15.2-snapshot-2",
30
30
  "@testing-library/jest-dom": "^6.6.3",
31
31
  "@testing-library/react": "^16.0.1",
32
32
  "@testing-library/user-event": "^14.5.2",
@@ -34,21 +34,21 @@
34
34
  },
35
35
  "dependencies": {
36
36
  "@babel/runtime": "^7.26.0",
37
- "@instructure/console": "10.15.2-snapshot-0",
38
- "@instructure/emotion": "10.15.2-snapshot-0",
39
- "@instructure/shared-types": "10.15.2-snapshot-0",
40
- "@instructure/ui-a11y-content": "10.15.2-snapshot-0",
41
- "@instructure/ui-a11y-utils": "10.15.2-snapshot-0",
42
- "@instructure/ui-color-utils": "10.15.2-snapshot-0",
43
- "@instructure/ui-dom-utils": "10.15.2-snapshot-0",
44
- "@instructure/ui-icons": "10.15.2-snapshot-0",
45
- "@instructure/ui-position": "10.15.2-snapshot-0",
46
- "@instructure/ui-prop-types": "10.15.2-snapshot-0",
47
- "@instructure/ui-react-utils": "10.15.2-snapshot-0",
48
- "@instructure/ui-testable": "10.15.2-snapshot-0",
49
- "@instructure/ui-tooltip": "10.15.2-snapshot-0",
50
- "@instructure/ui-utils": "10.15.2-snapshot-0",
51
- "@instructure/ui-view": "10.15.2-snapshot-0",
37
+ "@instructure/console": "10.15.2-snapshot-2",
38
+ "@instructure/emotion": "10.15.2-snapshot-2",
39
+ "@instructure/shared-types": "10.15.2-snapshot-2",
40
+ "@instructure/ui-a11y-content": "10.15.2-snapshot-2",
41
+ "@instructure/ui-a11y-utils": "10.15.2-snapshot-2",
42
+ "@instructure/ui-color-utils": "10.15.2-snapshot-2",
43
+ "@instructure/ui-dom-utils": "10.15.2-snapshot-2",
44
+ "@instructure/ui-icons": "10.15.2-snapshot-2",
45
+ "@instructure/ui-position": "10.15.2-snapshot-2",
46
+ "@instructure/ui-prop-types": "10.15.2-snapshot-2",
47
+ "@instructure/ui-react-utils": "10.15.2-snapshot-2",
48
+ "@instructure/ui-testable": "10.15.2-snapshot-2",
49
+ "@instructure/ui-tooltip": "10.15.2-snapshot-2",
50
+ "@instructure/ui-utils": "10.15.2-snapshot-2",
51
+ "@instructure/ui-view": "10.15.2-snapshot-2",
52
52
  "keycode": "^2",
53
53
  "prop-types": "^15.8.1"
54
54
  },
package/src/BaseButton/props.ts CHANGED
@@ -25,8 +25,6 @@
25
25
  import React from 'react'
26
26
  import PropTypes from 'prop-types'
27
27
 
28
- import { ThemeablePropTypes } from '@instructure/emotion'
29
-
30
28
  import type { InteractionType } from '@instructure/ui-react-utils'
31
29
  import type {
32
30
  Spacing,
@@ -205,7 +203,7 @@ const propTypes: PropValidators<PropKeys> = {
205
203
  withBackground: PropTypes.bool,
206
204
  withBorder: PropTypes.bool,
207
205
  isCondensed: PropTypes.bool,
208
- margin: ThemeablePropTypes.spacing,
206
+ margin: PropTypes.string,
209
207
  cursor: PropTypes.string,
210
208
  href: PropTypes.string,
211
209
  onClick: PropTypes.func,
package/src/Button/props.ts CHANGED
@@ -25,8 +25,6 @@
25
25
  import React from 'react'
26
26
  import PropTypes from 'prop-types'
27
27
 
28
- import { ThemeablePropTypes } from '@instructure/emotion'
29
-
30
28
  import type { Spacing, WithStyleProps } from '@instructure/emotion'
31
29
  import type {
32
30
  ToProp,
@@ -153,7 +151,7 @@ const propTypes: PropValidators<PropKeys> = {
153
151
  display: PropTypes.oneOf(['inline-block', 'block']),
154
152
  textAlign: PropTypes.oneOf(['start', 'center']),
155
153
  withBackground: PropTypes.bool,
156
- margin: ThemeablePropTypes.spacing,
154
+ margin: PropTypes.string,
157
155
  cursor: PropTypes.string,
158
156
  href: PropTypes.string,
159
157
  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
package/src/CloseButton/props.ts CHANGED
@@ -25,8 +25,6 @@
25
25
  import React from 'react'
26
26
  import PropTypes from 'prop-types'
27
27
 
28
- import { ThemeablePropTypes } from '@instructure/emotion'
29
-
30
28
  import type {
31
29
  Spacing,
32
30
  WithStyleProps,
@@ -141,7 +139,7 @@ const propTypes: PropValidators<PropKeys> = {
141
139
  elementRef: PropTypes.func,
142
140
  size: PropTypes.oneOf(['small', 'medium', 'large']),
143
141
  onClick: PropTypes.func,
144
- margin: ThemeablePropTypes.spacing,
142
+ margin: PropTypes.string,
145
143
  placement: PropTypes.oneOf(['start', 'end', 'static']),
146
144
  offset: PropTypes.oneOf(['none', 'x-small', 'small', 'medium']),
147
145
  type: PropTypes.oneOf(['button', 'submit', 'reset']),
package/src/CondensedButton/props.ts CHANGED
@@ -25,8 +25,6 @@
25
25
  import React from 'react'
26
26
  import PropTypes from 'prop-types'
27
27
 
28
- import { ThemeablePropTypes } from '@instructure/emotion'
29
-
30
28
  import type { Spacing, WithStyleProps } from '@instructure/emotion'
31
29
  import type {
32
30
  ToProp,
@@ -122,7 +120,7 @@ const propTypes: PropValidators<PropKeys> = {
122
120
  as: PropTypes.elementType,
123
121
  interaction: PropTypes.oneOf(['enabled', 'disabled', 'readonly']),
124
122
  color: PropTypes.oneOf(['primary', 'primary-inverse', 'secondary']),
125
- margin: ThemeablePropTypes.spacing,
123
+ margin: PropTypes.string,
126
124
  cursor: PropTypes.string,
127
125
  href: PropTypes.string,
128
126
  renderIcon: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
package/src/IconButton/props.ts CHANGED
@@ -25,8 +25,6 @@
25
25
  import React, { ReactNode } from 'react'
26
26
  import PropTypes from 'prop-types'
27
27
 
28
- import { ThemeablePropTypes } from '@instructure/emotion'
29
-
30
28
  import type { Spacing, WithStyleProps } from '@instructure/emotion'
31
29
  import type {
32
30
  ToProp,
@@ -160,7 +158,7 @@ const propTypes: PropValidators<PropKeys> = {
160
158
  shape: PropTypes.oneOf(['rectangle', 'circle']),
161
159
  withBackground: PropTypes.bool,
162
160
  withBorder: PropTypes.bool,
163
- margin: ThemeablePropTypes.spacing,
161
+ margin: PropTypes.string,
164
162
  cursor: PropTypes.string,
165
163
  href: PropTypes.string,
166
164
  onClick: PropTypes.func