@instructure/ui-buttons 11.7.4-snapshot-49 → 11.7.4-snapshot-52

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 (23) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/es/Button/v2/index.js +2 -0
  3. package/es/CloseButton/v2/index.js +2 -0
  4. package/es/CondensedButton/v2/index.js +2 -0
  5. package/es/IconButton/v2/index.js +2 -0
  6. package/lib/Button/v2/index.js +2 -0
  7. package/lib/CloseButton/v2/index.js +2 -0
  8. package/lib/CondensedButton/v2/index.js +2 -0
  9. package/lib/IconButton/v2/index.js +2 -0
  10. package/package.json +17 -17
  11. package/src/Button/v2/index.tsx +2 -0
  12. package/src/CloseButton/v2/index.tsx +2 -0
  13. package/src/CondensedButton/v2/index.tsx +2 -0
  14. package/src/IconButton/v2/index.tsx +2 -0
  15. package/tsconfig.build.tsbuildinfo +1 -1
  16. package/types/Button/v2/index.d.ts +1 -0
  17. package/types/Button/v2/index.d.ts.map +1 -1
  18. package/types/CloseButton/v2/index.d.ts +1 -0
  19. package/types/CloseButton/v2/index.d.ts.map +1 -1
  20. package/types/CondensedButton/v2/index.d.ts +1 -0
  21. package/types/CondensedButton/v2/index.d.ts.map +1 -1
  22. package/types/IconButton/v2/index.d.ts +1 -0
  23. package/types/IconButton/v2/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
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
- ## [11.7.4-snapshot-49](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-49) (2026-06-17)
6
+ ## [11.7.4-snapshot-52](https://github.com/instructure/instructure-ui/compare/v11.7.3...v11.7.4-snapshot-52) (2026-06-19)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-buttons
9
9
 
package/es/Button/v2/index.js CHANGED
@@ -38,6 +38,8 @@ category: components
38
38
  let Button = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class Button extends Component {
39
39
  static displayName = 'Button';
40
40
  static componentId = 'Button';
41
+ // Button v2 uses BaseButton's tokens; tell Document where to look for theme variables
42
+ static themeId = 'BaseButton';
41
43
  static allowedProps = allowedProps;
42
44
  static defaultProps = {
43
45
  type: 'button',
package/es/CloseButton/v2/index.js CHANGED
@@ -40,6 +40,8 @@ category: components
40
40
  let CloseButton = (_dec = withStyleNew(generateStyle, 'BaseButton'), _dec(_class = class CloseButton extends Component {
41
41
  static displayName = 'CloseButton';
42
42
  static componentId = 'CloseButton';
43
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
44
+ static themeId = 'BaseButton';
43
45
  static allowedProps = allowedProps;
44
46
  static defaultProps = {
45
47
  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
package/es/CondensedButton/v2/index.js CHANGED
@@ -38,6 +38,8 @@ category: components
38
38
  let CondensedButton = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class CondensedButton extends Component {
39
39
  static displayName = 'CondensedButton';
40
40
  static componentId = 'CondensedButton';
41
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
42
+ static themeId = 'BaseButton';
41
43
  static allowedProps = allowedProps;
42
44
  static defaultProps = {
43
45
  type: 'button',
package/es/IconButton/v2/index.js CHANGED
@@ -40,6 +40,8 @@ category: components
40
40
  let IconButton = (_dec = withStyleNew(null, 'BaseButton'), _dec(_class = class IconButton extends Component {
41
41
  static displayName = 'IconButton';
42
42
  static componentId = 'IconButton';
43
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
44
+ static themeId = 'BaseButton';
43
45
  static allowedProps = allowedProps;
44
46
  static defaultProps = {
45
47
  type: 'button',
package/lib/Button/v2/index.js CHANGED
@@ -44,6 +44,8 @@ category: components
44
44
  let Button = exports.Button = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class Button extends _react.Component {
45
45
  static displayName = 'Button';
46
46
  static componentId = 'Button';
47
+ // Button v2 uses BaseButton's tokens; tell Document where to look for theme variables
48
+ static themeId = 'BaseButton';
47
49
  static allowedProps = _props.allowedProps;
48
50
  static defaultProps = {
49
51
  type: 'button',
package/lib/CloseButton/v2/index.js CHANGED
@@ -47,6 +47,8 @@ category: components
47
47
  let CloseButton = exports.CloseButton = (_dec = (0, _emotion.withStyleNew)(_styles.default, 'BaseButton'), _dec(_class = class CloseButton extends _react.Component {
48
48
  static displayName = 'CloseButton';
49
49
  static componentId = 'CloseButton';
50
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
51
+ static themeId = 'BaseButton';
50
52
  static allowedProps = _props.allowedProps;
51
53
  static defaultProps = {
52
54
  // Leave interaction default undefined so that `disabled` and `readOnly` can also be supplied
package/lib/CondensedButton/v2/index.js CHANGED
@@ -43,6 +43,8 @@ category: components
43
43
  let CondensedButton = exports.CondensedButton = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class CondensedButton extends _react.Component {
44
44
  static displayName = 'CondensedButton';
45
45
  static componentId = 'CondensedButton';
46
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
47
+ static themeId = 'BaseButton';
46
48
  static allowedProps = _props.allowedProps;
47
49
  static defaultProps = {
48
50
  type: 'button',
package/lib/IconButton/v2/index.js CHANGED
@@ -45,6 +45,8 @@ category: components
45
45
  let IconButton = exports.IconButton = (_dec = (0, _emotion.withStyleNew)(null, 'BaseButton'), _dec(_class = class IconButton extends _react.Component {
46
46
  static displayName = 'IconButton';
47
47
  static componentId = 'IconButton';
48
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
49
+ static themeId = 'BaseButton';
48
50
  static allowedProps = _props.allowedProps;
49
51
  static defaultProps = {
50
52
  type: 'button',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "11.7.4-snapshot-49",
3
+ "version": "11.7.4-snapshot-52",
4
4
  "description": "Accessible button components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -16,28 +16,28 @@
16
16
  "dependencies": {
17
17
  "@babel/runtime": "^7.29.2",
18
18
  "keycode": "^2",
19
- "@instructure/console": "11.7.4-snapshot-49",
20
- "@instructure/emotion": "11.7.4-snapshot-49",
21
- "@instructure/shared-types": "11.7.4-snapshot-49",
22
- "@instructure/ui-a11y-utils": "11.7.4-snapshot-49",
23
- "@instructure/ui-a11y-content": "11.7.4-snapshot-49",
24
- "@instructure/ui-color-utils": "11.7.4-snapshot-49",
25
- "@instructure/ui-dom-utils": "11.7.4-snapshot-49",
26
- "@instructure/ui-position": "11.7.4-snapshot-49",
27
- "@instructure/ui-react-utils": "11.7.4-snapshot-49",
28
- "@instructure/ui-themes": "11.7.4-snapshot-49",
29
- "@instructure/ui-icons": "11.7.4-snapshot-49",
30
- "@instructure/ui-utils": "11.7.4-snapshot-49",
31
- "@instructure/ui-tooltip": "11.7.4-snapshot-49",
32
- "@instructure/ui-view": "11.7.4-snapshot-49"
19
+ "@instructure/console": "11.7.4-snapshot-52",
20
+ "@instructure/emotion": "11.7.4-snapshot-52",
21
+ "@instructure/shared-types": "11.7.4-snapshot-52",
22
+ "@instructure/ui-a11y-content": "11.7.4-snapshot-52",
23
+ "@instructure/ui-a11y-utils": "11.7.4-snapshot-52",
24
+ "@instructure/ui-dom-utils": "11.7.4-snapshot-52",
25
+ "@instructure/ui-color-utils": "11.7.4-snapshot-52",
26
+ "@instructure/ui-position": "11.7.4-snapshot-52",
27
+ "@instructure/ui-themes": "11.7.4-snapshot-52",
28
+ "@instructure/ui-react-utils": "11.7.4-snapshot-52",
29
+ "@instructure/ui-icons": "11.7.4-snapshot-52",
30
+ "@instructure/ui-tooltip": "11.7.4-snapshot-52",
31
+ "@instructure/ui-utils": "11.7.4-snapshot-52",
32
+ "@instructure/ui-view": "11.7.4-snapshot-52"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@testing-library/jest-dom": "^6.6.3",
36
36
  "@testing-library/react": "15.0.7",
37
37
  "@testing-library/user-event": "^14.6.1",
38
38
  "vitest": "^3.2.2",
39
- "@instructure/ui-axe-check": "11.7.4-snapshot-49",
40
- "@instructure/ui-babel-preset": "11.7.4-snapshot-49"
39
+ "@instructure/ui-axe-check": "11.7.4-snapshot-52",
40
+ "@instructure/ui-babel-preset": "11.7.4-snapshot-52"
41
41
  },
42
42
  "peerDependencies": {
43
43
  "react": ">=18 <=19"
package/src/Button/v2/index.tsx CHANGED
@@ -42,6 +42,8 @@ category: components
42
42
  class Button extends Component<ButtonProps> {
43
43
  static displayName = 'Button'
44
44
  static readonly componentId = 'Button'
45
+ // Button v2 uses BaseButton's tokens; tell Document where to look for theme variables
46
+ static readonly themeId = 'BaseButton'
45
47
 
46
48
  static allowedProps = allowedProps
47
49
  static defaultProps = {
package/src/CloseButton/v2/index.tsx CHANGED
@@ -45,6 +45,8 @@ category: components
45
45
  class CloseButton extends Component<CloseButtonProps> {
46
46
  static displayName = 'CloseButton'
47
47
  static readonly componentId = 'CloseButton'
48
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
49
+ static readonly themeId = 'BaseButton'
48
50
 
49
51
  static allowedProps = allowedProps
50
52
  static defaultProps = {
package/src/CondensedButton/v2/index.tsx CHANGED
@@ -42,6 +42,8 @@ category: components
42
42
  class CondensedButton extends Component<CondensedButtonProps> {
43
43
  static displayName = 'CondensedButton'
44
44
  static readonly componentId = 'CondensedButton'
45
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
46
+ static readonly themeId = 'BaseButton'
45
47
 
46
48
  static allowedProps = allowedProps
47
49
  static defaultProps = {
package/src/IconButton/v2/index.tsx CHANGED
@@ -45,6 +45,8 @@ category: components
45
45
  class IconButton extends Component<IconButtonProps> {
46
46
  static displayName = 'IconButton'
47
47
  static readonly componentId = 'IconButton'
48
+ // Uses BaseButton's tokens; tell Document where to look for theme variables
49
+ static readonly themeId = 'BaseButton'
48
50
 
49
51
  static allowedProps = allowedProps
50
52
  static defaultProps = {