@atlaskit/react-select 2.7.5 → 2.7.6

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 (8) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/emotion/components/containers.js +7 -3
  3. package/dist/cjs/emotion/components/menu.js +5 -2
  4. package/dist/es2019/emotion/components/containers.js +7 -3
  5. package/dist/es2019/emotion/components/menu.js +5 -2
  6. package/dist/esm/emotion/components/containers.js +7 -3
  7. package/dist/esm/emotion/components/menu.js +5 -2
  8. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/react-select
2
2
 
3
+ ## 2.7.6
4
+
5
+ ### Patch Changes
6
+
7
+ - [#175058](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175058)
8
+ [`cfb3a1596d972`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/cfb3a1596d972) -
9
+ Add same class names in emotion compoent as compiled select for GA
10
+ - Updated dependencies
11
+
3
12
  ## 2.7.5
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/emotion/components/containers.js CHANGED
@@ -43,10 +43,14 @@ var SelectContainer = exports.SelectContainer = function SelectContainer(props)
43
43
  innerProps = props.innerProps,
44
44
  isDisabled = props.isDisabled,
45
45
  isRtl = props.isRtl;
46
- return (0, _react.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(props, 'container', {
46
+ var styles = (0, _utils.getStyleProps)(props, 'container', {
47
47
  '--is-disabled': isDisabled,
48
48
  '--is-rtl': isRtl
49
- }), innerProps), children);
49
+ });
50
+ return (0, _react.jsx)("div", (0, _extends2.default)({}, styles, {
51
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
52
+ className: styles.className || '-container'
53
+ }, innerProps), children);
50
54
  };
51
55
 
52
56
  // ==============================
@@ -85,7 +89,7 @@ var ValueContainer = exports.ValueContainer = function ValueContainer(props) {
85
89
  css: styles.css
86
90
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
87
91
  ,
88
- className: styles.className || 'value-container'
92
+ className: styles.className || '-ValueContainer'
89
93
  }, innerProps), children);
90
94
  };
91
95
 
package/dist/cjs/emotion/components/menu.js CHANGED
@@ -264,9 +264,12 @@ var Menu = function Menu(props) {
264
264
  var children = props.children,
265
265
  innerRef = props.innerRef,
266
266
  innerProps = props.innerProps;
267
- return (0, _react2.jsx)("div", (0, _extends2.default)({}, (0, _utils.getStyleProps)(props, 'menu', {
267
+ var styles = (0, _utils.getStyleProps)(props, 'menu', {
268
268
  menu: true
269
- }), {
269
+ });
270
+ return (0, _react2.jsx)("div", (0, _extends2.default)({}, styles, {
271
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
272
+ className: styles.className || '-menu',
270
273
  ref: innerRef
271
274
  }, innerProps), children);
272
275
  };
package/dist/es2019/emotion/components/containers.js CHANGED
@@ -37,10 +37,14 @@ export const SelectContainer = props => {
37
37
  isDisabled,
38
38
  isRtl
39
39
  } = props;
40
- return jsx("div", _extends({}, getStyleProps(props, 'container', {
40
+ const styles = getStyleProps(props, 'container', {
41
41
  '--is-disabled': isDisabled,
42
42
  '--is-rtl': isRtl
43
- }), innerProps), children);
43
+ });
44
+ return jsx("div", _extends({}, styles, {
45
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
46
+ className: styles.className || '-container'
47
+ }, innerProps), children);
44
48
  };
45
49
 
46
50
  // ==============================
@@ -82,7 +86,7 @@ export const ValueContainer = props => {
82
86
  css: styles.css
83
87
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
84
88
  ,
85
- className: styles.className || 'value-container'
89
+ className: styles.className || '-ValueContainer'
86
90
  }, innerProps), children);
87
91
  };
88
92
 
package/dist/es2019/emotion/components/menu.js CHANGED
@@ -263,9 +263,12 @@ const Menu = props => {
263
263
  innerRef,
264
264
  innerProps
265
265
  } = props;
266
- return jsx("div", _extends({}, getStyleProps(props, 'menu', {
266
+ const styles = getStyleProps(props, 'menu', {
267
267
  menu: true
268
- }), {
268
+ });
269
+ return jsx("div", _extends({}, styles, {
270
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
271
+ className: styles.className || '-menu',
269
272
  ref: innerRef
270
273
  }, innerProps), children);
271
274
  };
package/dist/esm/emotion/components/containers.js CHANGED
@@ -36,10 +36,14 @@ export var SelectContainer = function SelectContainer(props) {
36
36
  innerProps = props.innerProps,
37
37
  isDisabled = props.isDisabled,
38
38
  isRtl = props.isRtl;
39
- return jsx("div", _extends({}, getStyleProps(props, 'container', {
39
+ var styles = getStyleProps(props, 'container', {
40
40
  '--is-disabled': isDisabled,
41
41
  '--is-rtl': isRtl
42
- }), innerProps), children);
42
+ });
43
+ return jsx("div", _extends({}, styles, {
44
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
45
+ className: styles.className || '-container'
46
+ }, innerProps), children);
43
47
  };
44
48
 
45
49
  // ==============================
@@ -78,7 +82,7 @@ export var ValueContainer = function ValueContainer(props) {
78
82
  css: styles.css
79
83
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
80
84
  ,
81
- className: styles.className || 'value-container'
85
+ className: styles.className || '-ValueContainer'
82
86
  }, innerProps), children);
83
87
  };
84
88
 
package/dist/esm/emotion/components/menu.js CHANGED
@@ -261,9 +261,12 @@ var Menu = function Menu(props) {
261
261
  var children = props.children,
262
262
  innerRef = props.innerRef,
263
263
  innerProps = props.innerProps;
264
- return jsx("div", _extends({}, getStyleProps(props, 'menu', {
264
+ var styles = getStyleProps(props, 'menu', {
265
265
  menu: true
266
- }), {
266
+ });
267
+ return jsx("div", _extends({}, styles, {
268
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop
269
+ className: styles.className || '-menu',
267
270
  ref: innerRef
268
271
  }, innerProps), children);
269
272
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/react-select",
3
- "version": "2.7.5",
3
+ "version": "2.7.6",
4
4
  "description": "A forked version of react-select to only be used in atlaskit/select",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -30,7 +30,7 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@atlaskit/ds-lib": "^4.0.0",
33
- "@atlaskit/icon": "^27.0.0",
33
+ "@atlaskit/icon": "^27.1.0",
34
34
  "@atlaskit/layering": "^3.0.0",
35
35
  "@atlaskit/platform-feature-flags": "^1.1.0",
36
36
  "@atlaskit/primitives": "^14.9.0",