@atlaskit/inline-message 11.5.3 → 11.5.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @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

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/inline-message",
-  "version": "11.5.3",
+  "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,14 +12,6 @@
   "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": {
@@ -32,11 +24,11 @@
     }
   },
   "dependencies": {
-    "@atlaskit/button": "^16.8.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.11.0",
+    "@atlaskit/tokens": "^1.14.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1"
   },
@@ -45,6 +37,7 @@
   },
   "devDependencies": {
     "@af/accessibility-testing": "*",
+    "@af/visual-regression": "*",
     "@atlaskit/ds-lib": "^2.2.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",
@@ -81,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.3",
-	"sideEffects": false
-}

package/dist/es2019/version.json

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

package/dist/esm/version.json

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