@atlaskit/inline-message 12.1.1 → 12.1.3

package/dist/cjs/components/inline-message/index.js

@@ -10,6 +10,8 @@ var _react = require("react");
 var _react2 = require("@emotion/react");
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _inlineDialog = _interopRequireDefault(require("@atlaskit/inline-dialog"));
+var _layering = require("@atlaskit/layering");
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _primitives = require("@atlaskit/primitives");
 var _colors = require("@atlaskit/theme/colors");
 var _messageIcon = _interopRequireDefault(require("../message-icon"));
@@ -99,11 +101,15 @@ var InlineMessage = function InlineMessage(_ref) {
     appearance = type;
   }
   return (0, _react2.jsx)("div", {
-    css: rootStyles,
+    css: rootStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       '--icon-accent-color': iconColor(appearance)
     },
     "data-testid": testId
+  }, (0, _react2.jsx)(_layering.UNSAFE_LAYERING, {
+    isDisabled: (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.inline-message-layering_wfp1p') ? !isOpen : true
   }, (0, _react2.jsx)(_inlineDialog.default, {
     onClose: onCloseDialog,
     content: children,
@@ -134,6 +140,6 @@ var InlineMessage = function InlineMessage(_ref) {
     color: "color.text.subtlest",
     maxLines: 1,
     testId: testId && "".concat(testId, "--text")
-  }, secondaryText))))));
+  }, secondaryText)))))));
 };
 var _default = exports.default = InlineMessage;

package/dist/cjs/components/message-icon/index.js

@@ -47,7 +47,9 @@ var SelectedIcon = function SelectedIcon(_ref) {
     Icon = _typesMapping$appeara.icon,
     defaultLabel = _typesMapping$appeara.defaultLabel;
   return (0, _react.jsx)("span", {
-    "data-ds--inline-message--icon": true,
+    "data-ds--inline-message--icon": true
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       '--icon-color': iconColor(appearance)
     },

package/dist/es2019/components/inline-message/index.js

@@ -3,6 +3,8 @@ import { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import InlineDialog from '@atlaskit/inline-dialog';
+import { UNSAFE_LAYERING } from '@atlaskit/layering';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Inline, Text } from '@atlaskit/primitives';
 import { B300, G200, P200, R300, Y200 } from '@atlaskit/theme/colors';
 import MessageIcon from '../message-icon';
@@ -80,11 +82,15 @@ const InlineMessage = ({
     appearance = type;
   }
   return jsx("div", {
-    css: rootStyles,
+    css: rootStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       '--icon-accent-color': iconColor(appearance)
     },
     "data-testid": testId
+  }, jsx(UNSAFE_LAYERING, {
+    isDisabled: getBooleanFF('platform.design-system-team.inline-message-layering_wfp1p') ? !isOpen : true
   }, jsx(InlineDialog, {
     onClose: onCloseDialog,
     content: children,
@@ -115,6 +121,6 @@ const InlineMessage = ({
     color: "color.text.subtlest",
     maxLines: 1,
     testId: testId && `${testId}--text`
-  }, secondaryText))))));
+  }, secondaryText)))))));
 };
 export default InlineMessage;

package/dist/es2019/components/message-icon/index.js

@@ -45,7 +45,9 @@ const SelectedIcon = ({
     }
   } = typesMapping;
   return jsx("span", {
-    "data-ds--inline-message--icon": true,
+    "data-ds--inline-message--icon": true
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       '--icon-color': iconColor(appearance)
     },

package/dist/esm/components/inline-message/index.js

@@ -4,6 +4,8 @@ import { useCallback, useState } from 'react';
 import { css, jsx } from '@emotion/react';
 import Button from '@atlaskit/button/custom-theme-button';
 import InlineDialog from '@atlaskit/inline-dialog';
+import { UNSAFE_LAYERING } from '@atlaskit/layering';
+import { getBooleanFF } from '@atlaskit/platform-feature-flags';
 import { Inline, Text } from '@atlaskit/primitives';
 import { B300, G200, P200, R300, Y200 } from '@atlaskit/theme/colors';
 import MessageIcon from '../message-icon';
@@ -91,11 +93,15 @@ var InlineMessage = function InlineMessage(_ref) {
     appearance = type;
   }
   return jsx("div", {
-    css: rootStyles,
+    css: rootStyles
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       '--icon-accent-color': iconColor(appearance)
     },
     "data-testid": testId
+  }, jsx(UNSAFE_LAYERING, {
+    isDisabled: getBooleanFF('platform.design-system-team.inline-message-layering_wfp1p') ? !isOpen : true
   }, jsx(InlineDialog, {
     onClose: onCloseDialog,
     content: children,
@@ -126,6 +132,6 @@ var InlineMessage = function InlineMessage(_ref) {
     color: "color.text.subtlest",
     maxLines: 1,
     testId: testId && "".concat(testId, "--text")
-  }, secondaryText))))));
+  }, secondaryText)))))));
 };
 export default InlineMessage;

package/dist/esm/components/message-icon/index.js

@@ -41,7 +41,9 @@ var SelectedIcon = function SelectedIcon(_ref) {
     Icon = _typesMapping$appeara.icon,
     defaultLabel = _typesMapping$appeara.defaultLabel;
   return jsx("span", {
-    "data-ds--inline-message--icon": true,
+    "data-ds--inline-message--icon": true
+    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
+    ,
     style: {
       '--icon-color': iconColor(appearance)
     },

package/dist/types/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { GlyphProps } from '@atlaskit/icon';
 export interface Icon {
     defaultLabel: string;

package/dist/types-ts4.5/types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentType } from 'react';
+import { type ComponentType } from 'react';
 import type { GlyphProps } from '@atlaskit/icon';
 export interface Icon {
     defaultLabel: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-message",
-  "version": "12.1.1",
+  "version": "12.1.3",
   "description": "An inline message lets users know when important information is available or when an action is required.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -32,11 +32,13 @@
     "runReact18": true
   },
   "dependencies": {
-    "@atlaskit/button": "^17.15.0",
+    "@atlaskit/button": "^17.17.0",
     "@atlaskit/icon": "^22.3.0",
-    "@atlaskit/inline-dialog": "^14.0.0",
-    "@atlaskit/primitives": "^6.1.0",
-    "@atlaskit/theme": "^12.8.0",
+    "@atlaskit/inline-dialog": "^14.1.0",
+    "@atlaskit/layering": "^0.3.0",
+    "@atlaskit/platform-feature-flags": "^0.2.0",
+    "@atlaskit/primitives": "^7.0.0",
+    "@atlaskit/theme": "^12.9.0",
     "@atlaskit/tokens": "^1.49.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
@@ -51,7 +53,6 @@
     "@atlaskit/ds-lib": "^2.3.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
-    "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",
     "@emotion/jest": "^11.8.0",
     "@testing-library/react": "^12.1.5",
     "@testing-library/user-event": "^14.4.3",
@@ -91,6 +92,14 @@
       ]
     }
   },
-  "homepage": "https://atlassian.design/components/inline-message/",
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
+  "platform-feature-flags": {
+    "platform.design-system-team.layering_qmiw3": {
+      "type": "boolean",
+      "referenceOnly": true
+    },
+    "platform.design-system-team.inline-message-layering_wfp1p": {
+      "type": "boolean"
+    }
+  },
+  "homepage": "https://atlassian.design/components/inline-message/"
 }