@instructure/ui-buttons 8.17.1-snapshot.21 → 8.17.1-snapshot.71

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 (10) hide show
  1. package/es/BaseButton/index.js +43 -47
  2. package/es/BaseButton/theme.js +43 -43
  3. package/es/CloseButton/index.js +18 -22
  4. package/es/CloseButton/theme.js +4 -4
  5. package/lib/BaseButton/index.js +43 -47
  6. package/lib/BaseButton/theme.js +43 -43
  7. package/lib/CloseButton/index.js +18 -22
  8. package/lib/CloseButton/theme.js +4 -4
  9. package/package.json +21 -21
  10. package/tsconfig.build.tsbuildinfo +1 -1
package/lib/CloseButton/index.js CHANGED
@@ -57,15 +57,11 @@ let CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
57
57
  }
58
58
 
59
59
  componentDidMount() {
60
- var _this$props$makeStyle, _this$props;
61
-
62
- (_this$props$makeStyle = (_this$props = this.props).makeStyles) === null || _this$props$makeStyle === void 0 ? void 0 : _this$props$makeStyle.call(_this$props);
60
+ this.props.makeStyles?.();
63
61
  }
64
62
 
65
63
  componentDidUpdate() {
66
- var _this$props$makeStyle2, _this$props2;
67
-
68
- (_this$props$makeStyle2 = (_this$props2 = this.props).makeStyles) === null || _this$props$makeStyle2 === void 0 ? void 0 : _this$props$makeStyle2.call(_this$props2);
64
+ this.props.makeStyles?.();
69
65
  }
70
66
 
71
67
  get interaction() {
@@ -80,23 +76,23 @@ let CloseButton = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.defaul
80
76
  }
81
77
 
82
78
  render() {
83
- const _this$props3 = this.props,
84
- screenReaderLabel = _this$props3.screenReaderLabel,
85
- elementRef = _this$props3.elementRef,
86
- size = _this$props3.size,
87
- onClick = _this$props3.onClick,
88
- margin = _this$props3.margin,
89
- placement = _this$props3.placement,
90
- offset = _this$props3.offset,
91
- type = _this$props3.type,
92
- as = _this$props3.as,
93
- href = _this$props3.href,
94
- cursor = _this$props3.cursor,
95
- tabIndex = _this$props3.tabIndex,
96
- styles = _this$props3.styles,
97
- props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded);
79
+ const _this$props = this.props,
80
+ screenReaderLabel = _this$props.screenReaderLabel,
81
+ elementRef = _this$props.elementRef,
82
+ size = _this$props.size,
83
+ onClick = _this$props.onClick,
84
+ margin = _this$props.margin,
85
+ placement = _this$props.placement,
86
+ offset = _this$props.offset,
87
+ type = _this$props.type,
88
+ as = _this$props.as,
89
+ href = _this$props.href,
90
+ cursor = _this$props.cursor,
91
+ tabIndex = _this$props.tabIndex,
92
+ styles = _this$props.styles,
93
+ props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
98
94
  return (0, _emotion.jsx)("span", Object.assign({}, (0, _passthroughProps.passthroughProps)(props), {
99
- css: styles === null || styles === void 0 ? void 0 : styles.closeButton
95
+ css: styles?.closeButton
100
96
  }), (0, _emotion.jsx)(_BaseButton.BaseButton, {
101
97
  renderIcon: _IconXSolid.IconXSolid,
102
98
  elementRef: this.handleRef,
package/lib/CloseButton/theme.js CHANGED
@@ -38,10 +38,10 @@ const generateComponentTheme = theme => {
38
38
  const spacing = theme.spacing,
39
39
  stacking = theme.stacking;
40
40
  const componentVariables = {
41
- offsetMedium: spacing === null || spacing === void 0 ? void 0 : spacing.medium,
42
- offsetSmall: spacing === null || spacing === void 0 ? void 0 : spacing.small,
43
- offsetXSmall: spacing === null || spacing === void 0 ? void 0 : spacing.xSmall,
44
- zIndex: stacking === null || stacking === void 0 ? void 0 : stacking.above
41
+ offsetMedium: spacing?.medium,
42
+ offsetSmall: spacing?.small,
43
+ offsetXSmall: spacing?.xSmall,
44
+ zIndex: stacking?.above
45
45
  };
46
46
  return { ...componentVariables
47
47
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-buttons",
3
- "version": "8.17.1-snapshot.21+79d490548",
3
+ "version": "8.17.1-snapshot.71+34dfb2442",
4
4
  "description": "Accessible button components",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,28 +23,28 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.17.1-snapshot.21+79d490548",
27
- "@instructure/ui-test-locator": "8.17.1-snapshot.21+79d490548",
28
- "@instructure/ui-test-queries": "8.17.1-snapshot.21+79d490548",
29
- "@instructure/ui-test-utils": "8.17.1-snapshot.21+79d490548",
30
- "@instructure/ui-themes": "8.17.1-snapshot.21+79d490548"
26
+ "@instructure/ui-babel-preset": "8.17.1-snapshot.71+34dfb2442",
27
+ "@instructure/ui-test-locator": "8.17.1-snapshot.71+34dfb2442",
28
+ "@instructure/ui-test-queries": "8.17.1-snapshot.71+34dfb2442",
29
+ "@instructure/ui-test-utils": "8.17.1-snapshot.71+34dfb2442",
30
+ "@instructure/ui-themes": "8.17.1-snapshot.71+34dfb2442"
31
31
  },
32
32
  "dependencies": {
33
33
  "@babel/runtime": "^7.13.10",
34
- "@instructure/console": "8.17.1-snapshot.21+79d490548",
35
- "@instructure/emotion": "8.17.1-snapshot.21+79d490548",
36
- "@instructure/shared-types": "8.17.1-snapshot.21+79d490548",
37
- "@instructure/ui-a11y-content": "8.17.1-snapshot.21+79d490548",
38
- "@instructure/ui-a11y-utils": "8.17.1-snapshot.21+79d490548",
39
- "@instructure/ui-color-utils": "8.17.1-snapshot.21+79d490548",
40
- "@instructure/ui-dom-utils": "8.17.1-snapshot.21+79d490548",
41
- "@instructure/ui-icons": "8.17.1-snapshot.21+79d490548",
42
- "@instructure/ui-position": "8.17.1-snapshot.21+79d490548",
43
- "@instructure/ui-react-utils": "8.17.1-snapshot.21+79d490548",
44
- "@instructure/ui-testable": "8.17.1-snapshot.21+79d490548",
45
- "@instructure/ui-tooltip": "8.17.1-snapshot.21+79d490548",
46
- "@instructure/ui-utils": "8.17.1-snapshot.21+79d490548",
47
- "@instructure/ui-view": "8.17.1-snapshot.21+79d490548",
34
+ "@instructure/console": "8.17.1-snapshot.71+34dfb2442",
35
+ "@instructure/emotion": "8.17.1-snapshot.71+34dfb2442",
36
+ "@instructure/shared-types": "8.17.1-snapshot.71+34dfb2442",
37
+ "@instructure/ui-a11y-content": "8.17.1-snapshot.71+34dfb2442",
38
+ "@instructure/ui-a11y-utils": "8.17.1-snapshot.71+34dfb2442",
39
+ "@instructure/ui-color-utils": "8.17.1-snapshot.71+34dfb2442",
40
+ "@instructure/ui-dom-utils": "8.17.1-snapshot.71+34dfb2442",
41
+ "@instructure/ui-icons": "8.17.1-snapshot.71+34dfb2442",
42
+ "@instructure/ui-position": "8.17.1-snapshot.71+34dfb2442",
43
+ "@instructure/ui-react-utils": "8.17.1-snapshot.71+34dfb2442",
44
+ "@instructure/ui-testable": "8.17.1-snapshot.71+34dfb2442",
45
+ "@instructure/ui-tooltip": "8.17.1-snapshot.71+34dfb2442",
46
+ "@instructure/ui-utils": "8.17.1-snapshot.71+34dfb2442",
47
+ "@instructure/ui-view": "8.17.1-snapshot.71+34dfb2442",
48
48
  "keycode": "^2",
49
49
  "prop-types": "^15"
50
50
  },
@@ -55,5 +55,5 @@
55
55
  "access": "public"
56
56
  },
57
57
  "sideEffects": false,
58
- "gitHead": "79d490548a0736feb2a7232bf5918857317b178b"
58
+ "gitHead": "34dfb2442c7ddce048d78ab1ecd5f3cbb78ee8d6"
59
59
  }