@atlaskit/inline-message 11.5.2 → 11.5.4

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/inline-message
 
+## 11.5.4
+
+### Patch Changes
+
+- [`56b444b56a8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56b444b56a8) - Fix a bug where text descenders were cut off at high zoom levels on Windows
+
+## 11.5.3
+
+### Patch Changes
+
+- [`4ae083a7e66`](https://bitbucket.org/atlassian/atlassian-frontend/commits/4ae083a7e66) - Use `@af/accessibility-testing` for default jest-axe config and jest-axe import in accessibility testing.
+
 ## 11.5.2
 
 ### Patch Changes

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

@@ -32,9 +32,15 @@ var titleStyles = (0, _react2.css)({
 var textStyles = (0, _react2.css)({
   padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
   color: "var(".concat(_constants.VAR_SECONDARY_TEXT_COLOR, ")"),
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+  whiteSpace: 'nowrap',
+  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
+  '@supports not (overflow-x: clip)': {
+    overflow: 'hidden'
+  },
+  '@supports (overflow-x: clip)': {
+    overflowX: 'clip'
+  }
 });
 var rootStyles = (0, _react2.css)({
   display: 'inline-block',
@@ -43,17 +49,17 @@ var rootStyles = (0, _react2.css)({
     outline: '1px solid'
   },
   '&:hover': {
-    // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '[data-ds--inline-message--icon]': {
       // Legacy style
       color: 'var(--icon-accent-color)'
     },
-    // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '[data-ds--inline-message--button]': {
       textDecoration: 'underline'
     }
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '[data-ds--inline-message--button]': {
     '&:active [data-ds--inline-message--secondary-text]': {
       color: "var(--ds-text-subtle, ".concat("var(".concat(_constants.VAR_SECONDARY_TEXT_COLOR, ")"), ")")

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

@@ -19,9 +19,15 @@ const titleStyles = css({
 const textStyles = css({
   padding: `${"var(--ds-space-0, 0px)"} ${"var(--ds-space-050, 4px)"}`,
   color: `var(${VAR_SECONDARY_TEXT_COLOR})`,
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+  whiteSpace: 'nowrap',
+  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
+  '@supports not (overflow-x: clip)': {
+    overflow: 'hidden'
+  },
+  '@supports (overflow-x: clip)': {
+    overflowX: 'clip'
+  }
 });
 const rootStyles = css({
   display: 'inline-block',
@@ -30,17 +36,17 @@ const rootStyles = css({
     outline: '1px solid'
   },
   '&:hover': {
-    // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '[data-ds--inline-message--icon]': {
       // Legacy style
       color: 'var(--icon-accent-color)'
     },
-    // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '[data-ds--inline-message--button]': {
       textDecoration: 'underline'
     }
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '[data-ds--inline-message--button]': {
     '&:active [data-ds--inline-message--secondary-text]': {
       color: `var(--ds-text-subtle, ${`var(${VAR_SECONDARY_TEXT_COLOR})`})`

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

@@ -21,9 +21,15 @@ var titleStyles = css({
 var textStyles = css({
   padding: "var(--ds-space-0, 0px)".concat(" ", "var(--ds-space-050, 4px)"),
   color: "var(".concat(VAR_SECONDARY_TEXT_COLOR, ")"),
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
-  whiteSpace: 'nowrap'
+  whiteSpace: 'nowrap',
+  // Use "clip" overflow to allow ellipses on x-axis without clipping descenders
+  '@supports not (overflow-x: clip)': {
+    overflow: 'hidden'
+  },
+  '@supports (overflow-x: clip)': {
+    overflowX: 'clip'
+  }
 });
 var rootStyles = css({
   display: 'inline-block',
@@ -32,17 +38,17 @@ var rootStyles = css({
     outline: '1px solid'
   },
   '&:hover': {
-    // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '[data-ds--inline-message--icon]': {
       // Legacy style
       color: 'var(--icon-accent-color)'
     },
-    // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+    // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
     '[data-ds--inline-message--button]': {
       textDecoration: 'underline'
     }
   },
-  // eslint-disable-next-line @repo/internal/styles/no-nested-styles
+  // eslint-disable-next-line @atlaskit/design-system/no-nested-styles
   '[data-ds--inline-message--button]': {
     '&:active [data-ds--inline-message--secondary-text]': {
       color: "var(--ds-text-subtle, ".concat("var(".concat(VAR_SECONDARY_TEXT_COLOR, ")"), ")")

package/dist/types/components/inline-message/index.d.ts

@@ -31,15 +31,15 @@ interface InlineMessageProps {
      */
     type?: IconAppearance;
     /**
-      A unique string that appears as a data attribute, `data-testid`,
-      in the rendered code. It is provided to serve as a hook for automated tests.
-  
-      The value of `testId` is attached to the different sub-components in Inline Message:
-      - `testId`: the top-level inline message component
-      - `testId--inline-dialog`: the content of the message
-      - `testId--button`: the button element that opens the dialog on press
-      - `testId--title`: the title of the message
-      - `testId--text`: the text of the message
+     * A unique string that appears as a data attribute, `data-testid`,
+     * in the rendered code. It is provided to serve as a hook for automated tests.
+     *
+     * The value of `testId` is attached to the different sub-components in Inline Message:
+     *  - `testId`: the top-level inline message component
+     *  - `testId--inline-dialog`: the content of the message
+     *  - `testId--button`: the button element that opens the dialog on press
+     *  - `testId--title`: the title of the message
+     *  - `testId--text`: the text of the message
      */
     testId?: string;
     /**

package/dist/types-ts4.5/components/inline-message/index.d.ts

@@ -31,15 +31,15 @@ interface InlineMessageProps {
      */
     type?: IconAppearance;
     /**
-      A unique string that appears as a data attribute, `data-testid`,
-      in the rendered code. It is provided to serve as a hook for automated tests.
-  
-      The value of `testId` is attached to the different sub-components in Inline Message:
-      - `testId`: the top-level inline message component
-      - `testId--inline-dialog`: the content of the message
-      - `testId--button`: the button element that opens the dialog on press
-      - `testId--title`: the title of the message
-      - `testId--text`: the text of the message
+     * A unique string that appears as a data attribute, `data-testid`,
+     * in the rendered code. It is provided to serve as a hook for automated tests.
+     *
+     * The value of `testId` is attached to the different sub-components in Inline Message:
+     *  - `testId`: the top-level inline message component
+     *  - `testId--inline-dialog`: the content of the message
+     *  - `testId--button`: the button element that opens the dialog on press
+     *  - `testId--title`: the title of the message
+     *  - `testId--text`: the text of the message
      */
     testId?: string;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-message",
-  "version": "11.5.2",
+  "version": "11.5.4",
   "description": "An inline message lets users know when important information is available or when an action is required.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -12,31 +12,23 @@
   "module": "dist/esm/index.js",
   "module:es2019": "dist/es2019/index.js",
   "types": "dist/types/index.d.ts",
-  "typesVersions": {
-    ">=4.5 <4.9": {
-      "*": [
-        "dist/types-ts4.5/*",
-        "dist/types-ts4.5/index.d.ts"
-      ]
-    }
-  },
   "sideEffects": false,
   "atlaskit:src": "src/index.tsx",
   "atlassian": {
     "team": "Design System Team",
     "deprecatedAutoEntryPoints": true,
-    "releaseModel": "scheduled",
+    "releaseModel": "continuous",
     "website": {
       "name": "Inline message",
       "category": "Components"
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.7.0",
+    "@atlaskit/button": "^16.9.0",
     "@atlaskit/icon": "^21.12.0",
     "@atlaskit/inline-dialog": "^13.6.0",
     "@atlaskit/theme": "^12.5.0",
-    "@atlaskit/tokens": "^1.4.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -44,9 +36,9 @@
     "react": "^16.8.0"
   },
   "devDependencies": {
-    "@atlaskit/docs": "*",
+    "@af/accessibility-testing": "*",
+    "@af/visual-regression": "*",
     "@atlaskit/ds-lib": "^2.2.0",
-    "@atlaskit/section-message": "^6.4.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
     "@atlaskit/webdriver-runner": "*",
@@ -82,6 +74,14 @@
       "deprecation": "no-deprecated-imports"
     }
   },
+  "typesVersions": {
+    ">=4.5 <4.9": {
+      "*": [
+        "dist/types-ts4.5/*",
+        "dist/types-ts4.5/index.d.ts"
+      ]
+    }
+  },
   "homepage": "https://atlassian.design/components/inline-message/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }

package/tmp/api-report-tmp.d.ts

@@ -0,0 +1,35 @@
+## API Report File for "@atlaskit/inline-message"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+
+import { FC } from 'react';
+import { ReactNode } from 'react';
+
+// @public (undocumented)
+type IconAppearance = 'confirmation' | 'connectivity' | 'error' | 'info' | 'warning';
+
+// @public (undocumented)
+type InlineDialogPlacement = 'auto' | 'auto-end' | 'auto-start' | 'bottom' | 'bottom-end' | 'bottom-start' | 'left' | 'left-end' | 'left-start' | 'right' | 'right-end' | 'right-start' | 'top' | 'top-end' | 'top-start';
+
+// @public
+const InlineMessage: FC<InlineMessageProps>;
+export default InlineMessage;
+
+// @public (undocumented)
+interface InlineMessageProps {
+    appearance?: IconAppearance;
+    children?: ReactNode;
+    iconLabel?: string;
+    placement?: InlineDialogPlacement;
+    secondaryText?: ReactNode;
+    testId?: string;
+    title?: ReactNode;
+    // @deprecated (undocumented)
+    type?: IconAppearance;
+}
+
+// (No @packageDocumentation comment for this package)
+
+```

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/inline-message",
-	"version": "11.5.2",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/inline-message",
-	"version": "11.5.2",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/inline-message",
-	"version": "11.5.2",
-	"sideEffects": false
-}