Socket
Socket
Sign inDemoInstall

@atlaskit/primitives

Package Overview
Dependencies
Maintainers
1
Versions
171
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@atlaskit/primitives - npm Package Compare versions

Comparing version 6.1.2 to 6.2.0

8

CHANGELOG.md
# @atlaskit/primitives
## 6.2.0
### Minor Changes
- [#100442](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/100442)
[`6b3630addb05`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/6b3630addb05) -
Add `xcss` to responsive components `Show` and `Hide`.
## 6.1.2

@@ -4,0 +12,0 @@

4

dist/cjs/components/anchor.js

@@ -79,3 +79,3 @@ "use strict";

packageName: "@atlaskit/primitives",
packageVersion: "6.1.2",
packageVersion: "6.2.0",
analyticsData: analyticsContext,

@@ -98,3 +98,3 @@ actionSubject: 'link'

* - it's not an external link (starting with `http://` or `https://`)
* - it's not a non-HTTP-based link (e.g. Emails, phone numbers, hash links etc.).
* - it's not a non-HTTP-based link (e.g. emails, phone numbers, hash links etc.).
*/

@@ -101,0 +101,0 @@ var isRouterLink = RouterLink && !isExternal && !isNonHttpBased;

2

dist/cjs/components/pressable.js

@@ -81,3 +81,3 @@ "use strict";

packageName: "@atlaskit/primitives",
packageVersion: "6.1.2",
packageVersion: "6.2.0",
analyticsData: analyticsContext,

@@ -84,0 +84,0 @@ actionSubject: 'button'

8

dist/cjs/responsive/hide.js

@@ -8,2 +8,3 @@ "use strict";

var _react = require("@emotion/react");
var _xcss = require("../xcss/xcss");
var _buildMediaQueryCss = require("./build-media-query-css");

@@ -31,6 +32,9 @@ /** @jsx jsx */

_ref$as = _ref.as,
AsElement = _ref$as === void 0 ? 'div' : _ref$as;
AsElement = _ref$as === void 0 ? 'div' : _ref$as,
xcss = _ref.xcss;
var resolvedStyles = (0, _xcss.parseXcss)(xcss);
return (0, _react.jsx)(AsElement, {
css: [above && hideAboveQueries[above], below && hideBelowQueries[below]]
className: resolvedStyles.static,
css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
}, children);
};

8

dist/cjs/responsive/show.js

@@ -8,2 +8,3 @@ "use strict";

var _react = require("@emotion/react");
var _xcss = require("../xcss/xcss");
var _buildMediaQueryCss = require("./build-media-query-css");

@@ -34,6 +35,9 @@ /** @jsx jsx */

_ref$as = _ref.as,
AsElement = _ref$as === void 0 ? 'div' : _ref$as;
AsElement = _ref$as === void 0 ? 'div' : _ref$as,
xcss = _ref.xcss;
var resolvedStyles = (0, _xcss.parseXcss)(xcss);
return (0, _react.jsx)(AsElement, {
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]]
className: resolvedStyles.static,
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
}, children);
};

4

dist/es2019/components/anchor.js

@@ -65,3 +65,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "6.1.2",
packageVersion: "6.2.0",
analyticsData: analyticsContext,

@@ -84,3 +84,3 @@ actionSubject: 'link'

* - it's not an external link (starting with `http://` or `https://`)
* - it's not a non-HTTP-based link (e.g. Emails, phone numbers, hash links etc.).
* - it's not a non-HTTP-based link (e.g. emails, phone numbers, hash links etc.).
*/

@@ -87,0 +87,0 @@ const isRouterLink = RouterLink && !isExternal && !isNonHttpBased;

2

dist/es2019/components/pressable.js

@@ -67,3 +67,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "6.1.2",
packageVersion: "6.2.0",
analyticsData: analyticsContext,

@@ -70,0 +70,0 @@ actionSubject: 'button'

8

dist/es2019/responsive/hide.js
/** @jsx jsx */
import { jsx } from '@emotion/react';
import { parseXcss } from '../xcss/xcss';
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

@@ -23,7 +24,10 @@ const hideAboveQueries = UNSAFE_buildAboveMediaQueryCSS({

children,
as: AsElement = 'div'
as: AsElement = 'div',
xcss
}) => {
const resolvedStyles = parseXcss(xcss);
return jsx(AsElement, {
css: [above && hideAboveQueries[above], below && hideBelowQueries[below]]
className: resolvedStyles.static,
css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
}, children);
};

8

dist/es2019/responsive/show.js
/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import { parseXcss } from '../xcss/xcss';
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

@@ -26,7 +27,10 @@ const showAboveQueries = UNSAFE_buildAboveMediaQueryCSS({

children,
as: AsElement = 'div'
as: AsElement = 'div',
xcss
}) => {
const resolvedStyles = parseXcss(xcss);
return jsx(AsElement, {
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]]
className: resolvedStyles.static,
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
}, children);
};

4

dist/esm/components/anchor.js

@@ -69,3 +69,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "6.1.2",
packageVersion: "6.2.0",
analyticsData: analyticsContext,

@@ -88,3 +88,3 @@ actionSubject: 'link'

* - it's not an external link (starting with `http://` or `https://`)
* - it's not a non-HTTP-based link (e.g. Emails, phone numbers, hash links etc.).
* - it's not a non-HTTP-based link (e.g. emails, phone numbers, hash links etc.).
*/

@@ -91,0 +91,0 @@ var isRouterLink = RouterLink && !isExternal && !isNonHttpBased;

2

dist/esm/components/pressable.js

@@ -71,3 +71,3 @@ import _extends from "@babel/runtime/helpers/extends";

packageName: "@atlaskit/primitives",
packageVersion: "6.1.2",
packageVersion: "6.2.0",
analyticsData: analyticsContext,

@@ -74,0 +74,0 @@ actionSubject: 'button'

8

dist/esm/responsive/hide.js
/** @jsx jsx */
import { jsx } from '@emotion/react';
import { parseXcss } from '../xcss/xcss';
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

@@ -24,6 +25,9 @@ var hideAboveQueries = UNSAFE_buildAboveMediaQueryCSS({

_ref$as = _ref.as,
AsElement = _ref$as === void 0 ? 'div' : _ref$as;
AsElement = _ref$as === void 0 ? 'div' : _ref$as,
xcss = _ref.xcss;
var resolvedStyles = parseXcss(xcss);
return jsx(AsElement, {
css: [above && hideAboveQueries[above], below && hideBelowQueries[below]]
className: resolvedStyles.static,
css: [above && hideAboveQueries[above], below && hideBelowQueries[below], resolvedStyles.emotion]
}, children);
};

8

dist/esm/responsive/show.js
/** @jsx jsx */
import { css, jsx } from '@emotion/react';
import { parseXcss } from '../xcss/xcss';
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';

@@ -27,6 +28,9 @@ var showAboveQueries = UNSAFE_buildAboveMediaQueryCSS({

_ref$as = _ref.as,
AsElement = _ref$as === void 0 ? 'div' : _ref$as;
AsElement = _ref$as === void 0 ? 'div' : _ref$as,
xcss = _ref.xcss;
var resolvedStyles = parseXcss(xcss);
return jsx(AsElement, {
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below]]
className: resolvedStyles.static,
css: [defaultHiddenStyles, above && showAboveQueries[above], below && showBelowQueries[below], resolvedStyles.emotion]
}, children);
};

4

dist/types-ts4.5/components/anchor.d.ts
import React, { type ReactNode, type Ref } from 'react';
import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
import { type RouterLinkComponentProps } from '@atlaskit/app-provider';

@@ -11,3 +11,3 @@ import { type BoxProps } from './box';

/**
* Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
* Handler called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
*/

@@ -14,0 +14,0 @@ onClick?: (e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void;

4

dist/types-ts4.5/components/pressable.d.ts

@@ -12,3 +12,3 @@ import React, { type ReactNode } from 'react';

/**
* Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
* Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
*/

@@ -46,3 +46,3 @@ onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;

/**
* Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
* Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
*/

@@ -49,0 +49,0 @@ onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;

9

dist/types-ts4.5/responsive/hide.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { type ReactNode } from 'react';
import { jsx } from '@emotion/react';
import type { Breakpoint } from './types';
import { type BasePrimitiveProps } from '../components/types';
import { type Breakpoint } from './types';
type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';

@@ -27,3 +28,3 @@ type ResponsiveHideProps = {

below?: never;
});
}) & Pick<BasePrimitiveProps, 'xcss'>;
/**

@@ -37,3 +38,3 @@ * Hides the content at a given breakpoint. By default, content is shown. The primary use case is for visual presentation.

*/
export declare const Hide: ({ above, below, children, as: AsElement, }: ResponsiveHideProps) => jsx.JSX.Element;
export declare const Hide: ({ above, below, children, as: AsElement, xcss, }: ResponsiveHideProps) => jsx.JSX.Element;
export {};

7

dist/types-ts4.5/responsive/show.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { type ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { type BasePrimitiveProps } from '../components/types';
import type { Breakpoint } from './types';

@@ -27,3 +28,3 @@ type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';

below?: never;
});
}) & Pick<BasePrimitiveProps, 'xcss'>;
/**

@@ -37,3 +38,3 @@ * Shows the content at a given breakpoint. By default, content is hidden. The primary use case is for visual presentation.

*/
export declare const Show: ({ above, below, children, as: AsElement, }: ResponsiveShowProps) => jsx.JSX.Element;
export declare const Show: ({ above, below, children, as: AsElement, xcss, }: ResponsiveShowProps) => jsx.JSX.Element;
export {};

4

dist/types/components/anchor.d.ts
import React, { type ReactNode, type Ref } from 'react';
import { UIAnalyticsEvent } from '@atlaskit/analytics-next';
import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
import { type RouterLinkComponentProps } from '@atlaskit/app-provider';

@@ -11,3 +11,3 @@ import { type BoxProps } from './box';

/**
* Handler to be called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
* Handler called on click. The second argument can be used to track analytics data. See the tutorial in the analytics-next package for details.
*/

@@ -14,0 +14,0 @@ onClick?: (e: React.MouseEvent<HTMLAnchorElement>, analyticsEvent: UIAnalyticsEvent) => void;

4

dist/types/components/pressable.d.ts

@@ -12,3 +12,3 @@ import React, { type ReactNode } from 'react';

/**
* Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
* Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
*/

@@ -46,3 +46,3 @@ onClick?: (e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void;

/**
* Handler to be called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
* Handler called on click. The second argument provides an Atlaskit UI analytics event that can be fired to a listening channel. See the ['analytics-next' package](https://atlaskit.atlassian.com/packages/analytics/analytics-next) documentation for more information.
*/

@@ -49,0 +49,0 @@ onClick?: ((e: React.MouseEvent<HTMLButtonElement>, analyticsEvent: UIAnalyticsEvent) => void) | undefined;

9

dist/types/responsive/hide.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { type ReactNode } from 'react';
import { jsx } from '@emotion/react';
import type { Breakpoint } from './types';
import { type BasePrimitiveProps } from '../components/types';
import { type Breakpoint } from './types';
type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';

@@ -27,3 +28,3 @@ type ResponsiveHideProps = {

below?: never;
});
}) & Pick<BasePrimitiveProps, 'xcss'>;
/**

@@ -37,3 +38,3 @@ * Hides the content at a given breakpoint. By default, content is shown. The primary use case is for visual presentation.

*/
export declare const Hide: ({ above, below, children, as: AsElement, }: ResponsiveHideProps) => jsx.JSX.Element;
export declare const Hide: ({ above, below, children, as: AsElement, xcss, }: ResponsiveHideProps) => jsx.JSX.Element;
export {};

7

dist/types/responsive/show.d.ts
/** @jsx jsx */
import { ReactNode } from 'react';
import { type ReactNode } from 'react';
import { jsx } from '@emotion/react';
import { type BasePrimitiveProps } from '../components/types';
import type { Breakpoint } from './types';

@@ -27,3 +28,3 @@ type As = 'article' | 'aside' | 'dialog' | 'div' | 'footer' | 'header' | 'li' | 'main' | 'nav' | 'ol' | 'section' | 'span' | 'ul';

below?: never;
});
}) & Pick<BasePrimitiveProps, 'xcss'>;
/**

@@ -37,3 +38,3 @@ * Shows the content at a given breakpoint. By default, content is hidden. The primary use case is for visual presentation.

*/
export declare const Show: ({ above, below, children, as: AsElement, }: ResponsiveShowProps) => jsx.JSX.Element;
export declare const Show: ({ above, below, children, as: AsElement, xcss, }: ResponsiveShowProps) => jsx.JSX.Element;
export {};

8

package.json
{
"name": "@atlaskit/primitives",
"version": "6.1.2",
"version": "6.2.0",
"description": "Primitives are token-backed low-level building blocks.",

@@ -97,3 +97,3 @@ "publishConfig": {

"status": {
"type": "closed-beta"
"type": "beta"
}

@@ -132,3 +132,3 @@ },

"@atlaskit/interaction-context": "^2.1.0",
"@atlaskit/tokens": "^1.47.0",
"@atlaskit/tokens": "^1.48.0",
"@atlaskit/visually-hidden": "^1.3.0",

@@ -149,3 +149,3 @@ "@babel/runtime": "^7.0.0",

"@atlaskit/toggle": "^13.1.0",
"@atlaskit/tooltip": "^18.3.0",
"@atlaskit/tooltip": "^18.4.0",
"@atlaskit/visual-regression": "*",

@@ -152,0 +152,0 @@ "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

constellation/anchor/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/pressable/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/text/examples.mdx

Sorry, the diff of this file is not supported yet

constellation/text/usage.mdx

Sorry, the diff of this file is not supported yet

constellation/xcss/usage.mdx

Sorry, the diff of this file is not supported yet

extract-react-types/anchor-props.tsx

Sorry, the diff of this file is not supported yet

extract-react-types/pressable-props.tsx

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc