@atlaskit/dropdown-menu - npm Package Compare versions

Comparing version 12.20.4 to 12.21.0

dist/cjs/internal/components/group-title.js

 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
@@ -7,24 +8,9 @@ value: true
 exports.default = void 0;
-var _react = require("@emotion/react");
-var _colors = require("@atlaskit/theme/colors");
-var _typography = require("@atlaskit/theme/typography");
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-
-var itemHeadingContentHeight = _typography.headingSizes.h100.lineHeight;
-var itemHeadingFontSize = _typography.headingSizes.h100.size;
-var headingStyles = (0, _react.css)({
-  color: "var(--ds-text-subtle, ".concat(_colors.N300, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: itemHeadingFontSize,
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
-  paddingBlock: "var(--ds-space-0, 0px)",
-  paddingInline: "var(--ds-space-200, 16px)",
-  textTransform: 'uppercase'
+var _react = _interopRequireDefault(require("react"));
+var _primitives = require("@atlaskit/primitives");
+var headingStyles = (0, _primitives.xcss)({
+  color: 'color.text.subtle',
+  font: 'font.heading.xxsmall',
+  paddingBlock: 'space.0',
+  paddingInline: 'space.200'
 });
@@ -42,3 +28,3 @@
     title = _ref.title;
-  return (0, _react.jsx)("div", {
+  return /*#__PURE__*/_react.default.createElement(_primitives.Box, {
     "data-ds--menu--heading-item": true,
@@ -48,5 +34,5 @@ role: "menuitem",
     "aria-hidden": "true",
-    css: headingStyles
+    xcss: headingStyles
   }, title);
 };
 var _default = exports.default = GroupTitle;

dist/es2019/internal/components/group-title.js

@@ -1,22 +0,8 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { N300 } from '@atlaskit/theme/colors';
-import { headingSizes } from '@atlaskit/theme/typography';
-const itemHeadingContentHeight = headingSizes.h100.lineHeight;
-const itemHeadingFontSize = headingSizes.h100.size;
-const headingStyles = css({
-  color: `var(--ds-text-subtle, ${N300})`,
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: itemHeadingFontSize,
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
-  paddingBlock: "var(--ds-space-0, 0px)",
-  paddingInline: "var(--ds-space-200, 16px)",
-  textTransform: 'uppercase'
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+const headingStyles = xcss({
+  color: 'color.text.subtle',
+  font: 'font.heading.xxsmall',
+  paddingBlock: 'space.0',
+  paddingInline: 'space.200'
 });
@@ -34,3 +20,3 @@
   title
-}) => jsx("div", {
+}) => /*#__PURE__*/React.createElement(Box, {
   "data-ds--menu--heading-item": true,
@@ -40,4 +26,4 @@ role: "menuitem",
   "aria-hidden": "true",
-  css: headingStyles
+  xcss: headingStyles
 }, title);
 export default GroupTitle;

dist/esm/internal/components/group-title.js

@@ -1,22 +0,8 @@
-/**
- * @jsxRuntime classic
- * @jsx jsx
- */
-
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css, jsx } from '@emotion/react';
-import { N300 } from '@atlaskit/theme/colors';
-import { headingSizes } from '@atlaskit/theme/typography';
-var itemHeadingContentHeight = headingSizes.h100.lineHeight;
-var itemHeadingFontSize = headingSizes.h100.size;
-var headingStyles = css({
-  color: "var(--ds-text-subtle, ".concat(N300, ")"),
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  fontSize: itemHeadingFontSize,
-  fontWeight: "var(--ds-font-weight-bold, 700)",
-  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
-  lineHeight: itemHeadingContentHeight / itemHeadingFontSize,
-  paddingBlock: "var(--ds-space-0, 0px)",
-  paddingInline: "var(--ds-space-200, 16px)",
-  textTransform: 'uppercase'
+import React from 'react';
+import { Box, xcss } from '@atlaskit/primitives';
+var headingStyles = xcss({
+  color: 'color.text.subtle',
+  font: 'font.heading.xxsmall',
+  paddingBlock: 'space.0',
+  paddingInline: 'space.200'
 });
@@ -34,3 +20,3 @@
     title = _ref.title;
-  return jsx("div", {
+  return /*#__PURE__*/React.createElement(Box, {
     "data-ds--menu--heading-item": true,
@@ -40,5 +26,5 @@ role: "menuitem",
     "aria-hidden": "true",
-    css: headingStyles
+    xcss: headingStyles
   }, title);
 };
 export default GroupTitle;

dist/types-ts4.5/internal/components/group-title.d.ts

@@ -0,7 +1,3 @@
+/// <reference types="react" />
 /**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-/**
  * __Group title__
@@ -16,3 +12,3 @@ *
     title: string;
-}) => jsx.JSX.Element;
+}) => JSX.Element;
 export default GroupTitle;

dist/types/internal/components/group-title.d.ts

@@ -0,7 +1,3 @@
+/// <reference types="react" />
 /**
- * @jsxRuntime classic
- * @jsx jsx
- */
-import { jsx } from '@emotion/react';
-/**
  * __Group title__
@@ -16,3 +12,3 @@ *
     title: string;
-}) => jsx.JSX.Element;
+}) => JSX.Element;
 export default GroupTitle;

package.json

 {
 	"name": "@atlaskit/dropdown-menu",
-	"version": "12.20.4",
+	"version": "12.21.0",
 	"description": "A dropdown menu displays a list of actions or options to a user.",
@@ -26,10 +26,10 @@ "publishConfig": {
 	"dependencies": {
-		"@atlaskit/button": "^20.2.0",
+		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/codemod-utils": "^4.2.0",
 		"@atlaskit/ds-lib": "^3.1.0",
-		"@atlaskit/icon": "^22.22.0",
+		"@atlaskit/icon": "^22.23.0",
 		"@atlaskit/layering": "^0.7.0",
 		"@atlaskit/menu": "^2.13.0",
 		"@atlaskit/platform-feature-flags": "^0.3.0",
-		"@atlaskit/popup": "^1.28.0",
+		"@atlaskit/popup": "^1.29.0",
 		"@atlaskit/primitives": "^12.2.0",
@@ -36,0 +36,0 @@ "@atlaskit/spinner": "^16.3.0",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

396804

decreased by-0.44%

Lines of code

7255

decreased by-0.63%

Dependency changes

• Updated@atlaskit/button@^20.3.0

• Updated@atlaskit/icon@^22.23.0

• Updated@atlaskit/popup@^1.29.0