@atlaskit/emoji 67.4.6 → 67.4.7

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @atlaskit/emoji
 
+## 67.4.7
+
+### Patch Changes
+
+- [`540428b9e6d`](https://bitbucket.org/atlassian/atlassian-frontend/commits/540428b9e6d) - [ED-17394] Add button type to skin tone selector to prevent it triggering create ticket form
+
 ## 67.4.6
 
 ### Patch Changes

package/dist/cjs/components/common/TonePreviewButton.js

@@ -31,7 +31,8 @@ var TonePreviewButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
     style: {
       overflow: 'hidden'
     },
-    "data-testid": tonePreviewTestId
+    "data-testid": tonePreviewTestId,
+    type: "button"
   }, (0, _react2.jsx)(_Emoji.default, {
     emoji: emoji,
     selectOnHover: selectOnHover,

package/dist/cjs/components/common/styles.js

@@ -47,7 +47,7 @@ var emojiToneSelectorContainer = (0, _react.css)({
 });
 exports.emojiToneSelectorContainer = emojiToneSelectorContainer;
 var emojiImageContainer = (0, _react.css)((_css = {
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   backgroundColor: 'transparent',
   display: 'inline-block',
   verticalAlign: 'middle',
@@ -98,7 +98,7 @@ var placeholderContainer = (0, _react.css)({
   margin: '-1px 0',
   display: 'inline-block',
   background: "var(--ds-border, #f7f7f7)",
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   overflow: 'hidden',
   verticalAlign: 'middle',
   whiteSpace: 'nowrap',
@@ -127,7 +127,7 @@ exports.hidden = hidden;
 var emojiButton = (0, _react.css)((_css3 = {
   backgroundColor: 'transparent',
   border: '0',
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   cursor: 'pointer',
   padding: 0,
   position: 'relative',
@@ -155,7 +155,7 @@ var emojiRadio = (0, _react.css)({
   top: '-10px',
   left: '-10px',
   '+span': {
-    borderRadius: "var(--ds-radius-100, 3px)"
+    borderRadius: "var(--ds-border-radius-100, 3px)"
   },
   '&:focus + span': {
     boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")")),
@@ -238,7 +238,7 @@ var previewImg = (0, _react.css)((_css6 = {
 exports.previewImg = previewImg;
 var emojiScrollable = (0, _react.css)({
   border: "1px solid ".concat("var(--ds-border, #fff)"),
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   display: 'block',
   margin: '0',
   overflowX: 'hidden',
@@ -314,7 +314,7 @@ var uploadPreview = (0, _react.css)({
   justifyContent: 'space-between',
   alignItems: 'center',
   background: "var(--ds-background-neutral, ".concat(_colors.N20, ")"),
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   padding: '10px'
 });
 exports.uploadPreview = uploadPreview;

package/dist/cjs/components/picker/styles.js

@@ -23,7 +23,7 @@ var emojiPicker = function emojiPicker(hasPreview) {
     justifyContent: 'space-between',
     background: "var(--ds-surface-overlay, white)",
     border: "".concat(_sharedStyles.emojiPickerBorderColor, " 1px solid"),
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius-100, 3px)",
     boxShadow: _sharedStyles.emojiPickerBoxShadow,
     height: "".concat(hasPreview ? _constants.emojiPickerHeightWithPreview + heightOffset : _constants.emojiPickerHeight + heightOffset, "px"),
     width: "".concat(_constants.emojiPickerWidth, "px"),
@@ -69,7 +69,7 @@ exports.disable = disable;
 var categoryStyles = (0, _react.css)((_css3 = {
   backgroundColor: 'transparent',
   border: 0,
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   color: "var(--ds-text-subtlest, ".concat(_colors.N100A, ")"),
   cursor: 'pointer',
   padding: "var(--ds-space-0, 0px)",

package/dist/cjs/util/shared-styles.js

@@ -16,7 +16,7 @@ var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2
 exports.emojiPickerBoxShadow = emojiPickerBoxShadow;
 var noDialogContainerBorderColor = "var(--ds-border, ".concat(_colors.N40, ")");
 exports.noDialogContainerBorderColor = noDialogContainerBorderColor;
-var noDialogContainerBorderRadius = "var(--ds-radius-100, 3px)";
+var noDialogContainerBorderRadius = "var(--ds-border-radius-100, 3px)";
 exports.noDialogContainerBorderRadius = noDialogContainerBorderRadius;
 var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 exports.noDialogContainerBoxShadow = noDialogContainerBoxShadow;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.4.6",
+	"version": "67.4.7",
 	"sideEffects": false
 }

package/dist/es2019/components/common/TonePreviewButton.js

@@ -23,7 +23,8 @@ export const TonePreviewButton = /*#__PURE__*/forwardRef((props, ref) => {
     style: {
       overflow: 'hidden'
     },
-    "data-testid": tonePreviewTestId
+    "data-testid": tonePreviewTestId,
+    type: "button"
   }, jsx(Emoji, {
     emoji: emoji,
     selectOnHover: selectOnHover,

package/dist/es2019/components/common/styles.js

@@ -27,7 +27,7 @@ export const emojiToneSelectorContainer = css({
   padding: '10px 10px 11px 0'
 });
 export const emojiImageContainer = css({
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   backgroundColor: 'transparent',
   display: 'inline-block',
   verticalAlign: 'middle',
@@ -84,7 +84,7 @@ export const placeholderContainer = css({
   margin: '-1px 0',
   display: 'inline-block',
   background: "var(--ds-border, #f7f7f7)",
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   overflow: 'hidden',
   verticalAlign: 'middle',
   whiteSpace: 'nowrap',
@@ -117,7 +117,7 @@ export const hidden = css({
 export const emojiButton = css({
   backgroundColor: 'transparent',
   border: '0',
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   cursor: 'pointer',
   padding: 0,
   position: 'relative',
@@ -152,7 +152,7 @@ export const emojiRadio = css({
   top: '-10px',
   left: '-10px',
   '+span': {
-    borderRadius: "var(--ds-radius-100, 3px)"
+    borderRadius: "var(--ds-border-radius-100, 3px)"
   },
   '&:focus + span': {
     boxShadow: `0 0 0 2px ${`var(--ds-border-focused, ${B100})`}`,
@@ -233,7 +233,7 @@ export const previewImg = css({
 
 export const emojiScrollable = css({
   border: `1px solid ${"var(--ds-border, #fff)"}`,
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   display: 'block',
   margin: '0',
   overflowX: 'hidden',
@@ -302,7 +302,7 @@ export const uploadPreview = css({
   justifyContent: 'space-between',
   alignItems: 'center',
   background: `var(--ds-background-neutral, ${N20})`,
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   padding: '10px'
 });
 export const uploadPreviewText = css({

package/dist/es2019/components/picker/styles.js

@@ -14,7 +14,7 @@ export const emojiPicker = (hasPreview, size = defaultEmojiPickerSize) => {
     justifyContent: 'space-between',
     background: "var(--ds-surface-overlay, white)",
     border: `${emojiPickerBorderColor} 1px solid`,
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius-100, 3px)",
     boxShadow: emojiPickerBoxShadow,
     height: `${hasPreview ? emojiPickerHeightWithPreview + heightOffset : emojiPickerHeight + heightOffset}px`,
     width: `${emojiPickerWidth}px`,
@@ -58,7 +58,7 @@ export const disable = css({
 export const categoryStyles = css({
   backgroundColor: 'transparent',
   border: 0,
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   color: `var(--ds-text-subtlest, ${N100A})`,
   cursor: 'pointer',
   padding: "var(--ds-space-0, 0px)",

package/dist/es2019/util/shared-styles.js

@@ -5,7 +5,7 @@ export const emojiPickerListHeight = 205;
 export const emojiPickerBorderColor = `var(--ds-border, ${N40})`;
 export const emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 export const noDialogContainerBorderColor = `var(--ds-border, ${N40})`;
-export const noDialogContainerBorderRadius = "var(--ds-radius-100, 3px)";
+export const noDialogContainerBorderRadius = "var(--ds-border-radius-100, 3px)";
 export const noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 export const akEmojiSelectedBackgroundColor = `var(--ds-background-neutral-subtle-hovered, ${N30})`;
 export const emojiPreviewSelectedColor = `var(--ds-background-neutral, ${N30})`;

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.4.6",
+	"version": "67.4.7",
 	"sideEffects": false
 }

package/dist/esm/components/common/TonePreviewButton.js

@@ -22,7 +22,8 @@ export var TonePreviewButton = /*#__PURE__*/forwardRef(function (props, ref) {
     style: {
       overflow: 'hidden'
     },
-    "data-testid": tonePreviewTestId
+    "data-testid": tonePreviewTestId,
+    type: "button"
   }, jsx(Emoji, {
     emoji: emoji,
     selectOnHover: selectOnHover,

package/dist/esm/components/common/styles.js

@@ -30,7 +30,7 @@ export var emojiToneSelectorContainer = css({
   padding: '10px 10px 11px 0'
 });
 export var emojiImageContainer = css((_css = {
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   backgroundColor: 'transparent',
   display: 'inline-block',
   verticalAlign: 'middle',
@@ -78,7 +78,7 @@ export var placeholderContainer = css({
   margin: '-1px 0',
   display: 'inline-block',
   background: "var(--ds-border, #f7f7f7)",
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   overflow: 'hidden',
   verticalAlign: 'middle',
   whiteSpace: 'nowrap',
@@ -104,7 +104,7 @@ export var hidden = css({
 export var emojiButton = css((_css3 = {
   backgroundColor: 'transparent',
   border: '0',
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   cursor: 'pointer',
   padding: 0,
   position: 'relative',
@@ -131,7 +131,7 @@ export var emojiRadio = css({
   top: '-10px',
   left: '-10px',
   '+span': {
-    borderRadius: "var(--ds-radius-100, 3px)"
+    borderRadius: "var(--ds-border-radius-100, 3px)"
   },
   '&:focus + span': {
     boxShadow: "0 0 0 2px ".concat("var(--ds-border-focused, ".concat(B100, ")")),
@@ -208,7 +208,7 @@ export var previewImg = css((_css6 = {
 
 export var emojiScrollable = css({
   border: "1px solid ".concat("var(--ds-border, #fff)"),
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   display: 'block',
   margin: '0',
   overflowX: 'hidden',
@@ -275,7 +275,7 @@ export var uploadPreview = css({
   justifyContent: 'space-between',
   alignItems: 'center',
   background: "var(--ds-background-neutral, ".concat(N20, ")"),
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   padding: '10px'
 });
 export var uploadPreviewText = css({

package/dist/esm/components/picker/styles.js

@@ -17,7 +17,7 @@ export var emojiPicker = function emojiPicker(hasPreview) {
     justifyContent: 'space-between',
     background: "var(--ds-surface-overlay, white)",
     border: "".concat(emojiPickerBorderColor, " 1px solid"),
-    borderRadius: "var(--ds-radius-100, 3px)",
+    borderRadius: "var(--ds-border-radius-100, 3px)",
     boxShadow: emojiPickerBoxShadow,
     height: "".concat(hasPreview ? emojiPickerHeightWithPreview + heightOffset : emojiPickerHeight + heightOffset, "px"),
     width: "".concat(emojiPickerWidth, "px"),
@@ -59,7 +59,7 @@ export var disable = css(_defineProperty({
 export var categoryStyles = css((_css3 = {
   backgroundColor: 'transparent',
   border: 0,
-  borderRadius: "var(--ds-radius-100, 3px)",
+  borderRadius: "var(--ds-border-radius-100, 3px)",
   color: "var(--ds-text-subtlest, ".concat(N100A, ")"),
   cursor: 'pointer',
   padding: "var(--ds-space-0, 0px)",

package/dist/esm/util/shared-styles.js

@@ -5,7 +5,7 @@ export var emojiPickerListHeight = 205;
 export var emojiPickerBorderColor = "var(--ds-border, ".concat(N40, ")");
 export var emojiPickerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 export var noDialogContainerBorderColor = "var(--ds-border, ".concat(N40, ")");
-export var noDialogContainerBorderRadius = "var(--ds-radius-100, 3px)";
+export var noDialogContainerBorderRadius = "var(--ds-border-radius-100, 3px)";
 export var noDialogContainerBoxShadow = "var(--ds-shadow-overlay, 0 3px 6px rgba(0, 0, 0, 0.2))";
 export var akEmojiSelectedBackgroundColor = "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")");
 export var emojiPreviewSelectedColor = "var(--ds-background-neutral, ".concat(N30, ")");

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/emoji",
-	"version": "67.4.6",
+	"version": "67.4.7",
 	"sideEffects": false
 }

package/dist/types/util/shared-styles.d.ts

@@ -3,7 +3,7 @@ export declare const emojiPickerListHeight = 205;
 export declare const emojiPickerBorderColor: "var(--ds-border)";
 export declare const emojiPickerBoxShadow: "var(--ds-shadow-overlay)";
 export declare const noDialogContainerBorderColor: "var(--ds-border)";
-export declare const noDialogContainerBorderRadius: "var(--ds-radius-100)";
+export declare const noDialogContainerBorderRadius: "var(--ds-border-radius-100)";
 export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
 export declare const akEmojiSelectedBackgroundColor: "var(--ds-background-neutral-subtle-hovered)";
 export declare const emojiPreviewSelectedColor: "var(--ds-background-neutral)";

package/dist/types-ts4.5/util/shared-styles.d.ts

@@ -3,7 +3,7 @@ export declare const emojiPickerListHeight = 205;
 export declare const emojiPickerBorderColor: "var(--ds-border)";
 export declare const emojiPickerBoxShadow: "var(--ds-shadow-overlay)";
 export declare const noDialogContainerBorderColor: "var(--ds-border)";
-export declare const noDialogContainerBorderRadius: "var(--ds-radius-100)";
+export declare const noDialogContainerBorderRadius: "var(--ds-border-radius-100)";
 export declare const noDialogContainerBoxShadow: "var(--ds-shadow-overlay)";
 export declare const akEmojiSelectedBackgroundColor: "var(--ds-background-neutral-subtle-hovered)";
 export declare const emojiPreviewSelectedColor: "var(--ds-background-neutral)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/emoji",
-  "version": "67.4.6",
+  "version": "67.4.7",
   "description": "Fabric emoji React components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -34,13 +34,13 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.8.0",
     "@atlaskit/icon": "^21.12.0",
-    "@atlaskit/media-client": "^23.0.0",
+    "@atlaskit/media-client": "^23.1.0",
     "@atlaskit/spinner": "^15.5.0",
-    "@atlaskit/textfield": "^5.5.0",
+    "@atlaskit/textfield": "^5.6.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.5.0",
+    "@atlaskit/tokens": "^1.13.0",
     "@atlaskit/tooltip": "^17.8.0",
     "@atlaskit/ufo": "^0.2.0",
     "@atlaskit/util-service-support": "^6.2.0",
@@ -62,16 +62,12 @@
     "react-intl-next": "npm:react-intl@^5.18.1"
   },
   "devDependencies": {
-    "@atlaskit/docs": "*",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/media-core": "^34.1.0",
-    "@atlaskit/popup": "^1.6.0",
-    "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/util-data-test": "^17.8.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
-    "@atlassian/ufo": "^0.2.0",
     "@emotion/jest": "^11.8.0",
     "@testing-library/dom": "^8.17.1",
     "@testing-library/jest-dom": "^5.16.5",
@@ -84,7 +80,7 @@
     "enzyme-adapter-react-16": "^1.15.1",
     "es6-promise": "^4.0.5",
     "fetch-mock": "^8.0.0",
-    "jest-axe": "^4.0.0",
+    "jest-axe": "^8.0.0",
     "p-wait-for": "^3.2.0",
     "react": "^16.8.0",
     "react-addons-perf": "^15.3.2",