@atlaskit/primitives 7.3.0 → 7.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +15 -0
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/bleed.js +5 -0
- package/dist/cjs/components/box.js +4 -0
- package/dist/cjs/components/flex.js +5 -0
- package/dist/cjs/components/grid.js +5 -0
- package/dist/cjs/components/inline.js +5 -0
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/components/stack.js +5 -0
- package/dist/cjs/components/text.js +5 -0
- package/dist/cjs/responsive/build-media-query-css.js +1 -1
- package/dist/cjs/responsive/hide.js +5 -0
- package/dist/cjs/responsive/show.js +5 -0
- package/dist/cjs/xcss/style-maps.partial.js +1 -1
- package/dist/cjs/xcss/xcss.js +2 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/bleed.js +5 -0
- package/dist/es2019/components/box.js +5 -0
- package/dist/es2019/components/flex.js +5 -0
- package/dist/es2019/components/grid.js +5 -0
- package/dist/es2019/components/inline.js +5 -0
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/components/stack.js +5 -0
- package/dist/es2019/components/text.js +5 -0
- package/dist/es2019/responsive/build-media-query-css.js +1 -0
- package/dist/es2019/responsive/hide.js +4 -0
- package/dist/es2019/responsive/show.js +4 -0
- package/dist/es2019/xcss/style-maps.partial.js +1 -0
- package/dist/es2019/xcss/xcss.js +1 -0
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/bleed.js +5 -0
- package/dist/esm/components/box.js +5 -0
- package/dist/esm/components/flex.js +5 -0
- package/dist/esm/components/grid.js +5 -0
- package/dist/esm/components/inline.js +5 -0
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/components/stack.js +5 -0
- package/dist/esm/components/text.js +5 -0
- package/dist/esm/responsive/build-media-query-css.js +1 -0
- package/dist/esm/responsive/hide.js +4 -0
- package/dist/esm/responsive/show.js +4 -0
- package/dist/esm/xcss/style-maps.partial.js +1 -0
- package/dist/esm/xcss/xcss.js +1 -0
- package/dist/types/components/bleed.d.ts +3 -0
- package/dist/types/components/box.d.ts +3 -0
- package/dist/types/components/flex.d.ts +3 -0
- package/dist/types/components/grid.d.ts +3 -0
- package/dist/types/components/inline.d.ts +3 -0
- package/dist/types/components/stack.d.ts +3 -0
- package/dist/types/components/text.d.ts +3 -0
- package/dist/types/responsive/hide.d.ts +3 -0
- package/dist/types/responsive/show.d.ts +3 -0
- package/dist/types-ts4.5/components/bleed.d.ts +3 -0
- package/dist/types-ts4.5/components/box.d.ts +3 -0
- package/dist/types-ts4.5/components/flex.d.ts +3 -0
- package/dist/types-ts4.5/components/grid.d.ts +3 -0
- package/dist/types-ts4.5/components/inline.d.ts +3 -0
- package/dist/types-ts4.5/components/stack.d.ts +3 -0
- package/dist/types-ts4.5/components/text.d.ts +3 -0
- package/dist/types-ts4.5/responsive/hide.d.ts +3 -0
- package/dist/types-ts4.5/responsive/show.d.ts +3 -0
- package/package.json +6 -6
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 7.4.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies
|
|
8
|
+
|
|
9
|
+
## 7.4.0
|
|
10
|
+
|
|
11
|
+
### Minor Changes
|
|
12
|
+
|
|
13
|
+
- [#110836](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/110836)
|
|
14
|
+
[`a8bd419fd70b9`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/a8bd419fd70b9) -
|
|
15
|
+
Explicitly set jsxRuntime to classic via pragma comments in order to avoid issues where jsxRuntime
|
|
16
|
+
is implicitly set to automatic.
|
|
17
|
+
|
|
3
18
|
## 7.3.0
|
|
4
19
|
|
|
5
20
|
### Minor Changes
|
|
@@ -88,7 +88,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
88
88
|
action: 'clicked',
|
|
89
89
|
componentName: componentName || 'Anchor',
|
|
90
90
|
packageName: "@atlaskit/primitives",
|
|
91
|
-
packageVersion: "7.
|
|
91
|
+
packageVersion: "7.4.1",
|
|
92
92
|
analyticsData: analyticsContext,
|
|
93
93
|
actionSubject: 'link'
|
|
94
94
|
});
|
|
@@ -8,8 +8,13 @@ exports.default = void 0;
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
var _react2 = require("@emotion/react");
|
|
10
10
|
var _xcss = require("../xcss/xcss");
|
|
11
|
+
/**
|
|
12
|
+
* @jsxRuntime classic
|
|
13
|
+
*/
|
|
11
14
|
/** @jsx jsx */
|
|
12
15
|
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
|
+
|
|
13
18
|
var baseStyles = (0, _react2.css)({
|
|
14
19
|
boxSizing: 'border-box'
|
|
15
20
|
});
|
|
@@ -14,7 +14,11 @@ var _xcss = require("../xcss/xcss");
|
|
|
14
14
|
var _surfaceProvider = require("./internal/surface-provider");
|
|
15
15
|
var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
|
|
16
16
|
_excluded2 = ["className"];
|
|
17
|
+
/**
|
|
18
|
+
* @jsxRuntime classic
|
|
19
|
+
*/
|
|
17
20
|
/** @jsx jsx */
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
18
22
|
// Can either Exclude or Extract - here we're excluding all SVG-related elements
|
|
19
23
|
|
|
20
24
|
// Basically just ElementType but without ComponentType, it makes sense to keep the "Type" suffix
|
|
@@ -8,8 +8,13 @@ var _react = require("react");
|
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
10
10
|
var _xcss = require("../xcss/xcss");
|
|
11
|
+
/**
|
|
12
|
+
* @jsxRuntime classic
|
|
13
|
+
*/
|
|
11
14
|
/** @jsx jsx */
|
|
12
15
|
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
17
|
+
|
|
13
18
|
var justifyContentMap = {
|
|
14
19
|
start: (0, _react2.css)({
|
|
15
20
|
justifyContent: 'start'
|
|
@@ -10,8 +10,13 @@ var _react = require("react");
|
|
|
10
10
|
var _react2 = require("@emotion/react");
|
|
11
11
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
12
12
|
var _xcss = require("../xcss/xcss");
|
|
13
|
+
/**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
*/
|
|
13
16
|
/** @jsx jsx */
|
|
14
17
|
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
19
|
+
|
|
15
20
|
var gridTemplateAreasVar = '--ds-grid--grid-template-areas';
|
|
16
21
|
var gridTemplateColumnsVar = '--ds-grid--grid-template-columns';
|
|
17
22
|
var gridTemplateRowsVar = '--ds-grid--grid-template-rows';
|
|
@@ -11,8 +11,13 @@ var _react2 = require("@emotion/react");
|
|
|
11
11
|
var _xcss = require("../xcss/xcss");
|
|
12
12
|
var _flex = _interopRequireDefault(require("./flex"));
|
|
13
13
|
/* eslint-disable @repo/internal/styles/no-exported-styles */
|
|
14
|
+
/**
|
|
15
|
+
* @jsxRuntime classic
|
|
16
|
+
*/
|
|
14
17
|
/** @jsx jsx */
|
|
15
18
|
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
20
|
+
|
|
16
21
|
var flexGrowMap = {
|
|
17
22
|
hug: (0, _xcss.xcss)({
|
|
18
23
|
flexGrow: 0
|
|
@@ -81,7 +81,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
81
81
|
action: 'clicked',
|
|
82
82
|
componentName: componentName || 'Pressable',
|
|
83
83
|
packageName: "@atlaskit/primitives",
|
|
84
|
-
packageVersion: "7.
|
|
84
|
+
packageVersion: "7.4.1",
|
|
85
85
|
analyticsData: analyticsContext,
|
|
86
86
|
actionSubject: 'button'
|
|
87
87
|
});
|
|
@@ -11,8 +11,13 @@ var _react2 = require("@emotion/react");
|
|
|
11
11
|
var _xcss = require("../xcss/xcss");
|
|
12
12
|
var _flex = _interopRequireDefault(require("./flex"));
|
|
13
13
|
/* eslint-disable @repo/internal/styles/no-exported-styles */
|
|
14
|
+
/**
|
|
15
|
+
* @jsxRuntime classic
|
|
16
|
+
*/
|
|
14
17
|
/** @jsx jsx */
|
|
15
18
|
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
20
|
+
|
|
16
21
|
var flexGrowMap = {
|
|
17
22
|
hug: (0, _xcss.xcss)({
|
|
18
23
|
flexGrow: 0
|
|
@@ -10,8 +10,13 @@ var _react2 = require("@emotion/react");
|
|
|
10
10
|
var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
|
|
11
11
|
var _styleMaps = require("../xcss/style-maps.partial");
|
|
12
12
|
var _surfaceProvider = require("./internal/surface-provider");
|
|
13
|
+
/**
|
|
14
|
+
* @jsxRuntime classic
|
|
15
|
+
*/
|
|
13
16
|
/** @jsx jsx */
|
|
14
17
|
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
19
|
+
|
|
15
20
|
var asAllowlist = ['span', 'p', 'strong', 'em'];
|
|
16
21
|
// We're doing this because our CSS reset can add top margins to elements such as `p` which is totally insane.
|
|
17
22
|
// Long term we should remove those instances from the reset - it should be a reset to 0.
|
|
@@ -10,7 +10,7 @@ var _react = require("@emotion/react");
|
|
|
10
10
|
var _constants = require("./constants");
|
|
11
11
|
var _mediaHelper = require("./media-helper");
|
|
12
12
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
13
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
13
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
14
14
|
/**
|
|
15
15
|
* Build a map of breakpoints to css with media queries and nested styles.
|
|
16
16
|
*
|
|
@@ -7,8 +7,13 @@ exports.Hide = void 0;
|
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _xcss = require("../xcss/xcss");
|
|
9
9
|
var _buildMediaQueryCss = require("./build-media-query-css");
|
|
10
|
+
/**
|
|
11
|
+
* @jsxRuntime classic
|
|
12
|
+
*/
|
|
10
13
|
/** @jsx jsx */
|
|
11
14
|
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
+
|
|
12
17
|
var hideAboveQueries = (0, _buildMediaQueryCss.UNSAFE_buildAboveMediaQueryCSS)({
|
|
13
18
|
display: 'none'
|
|
14
19
|
});
|
|
@@ -7,8 +7,13 @@ exports.Show = void 0;
|
|
|
7
7
|
var _react = require("@emotion/react");
|
|
8
8
|
var _xcss = require("../xcss/xcss");
|
|
9
9
|
var _buildMediaQueryCss = require("./build-media-query-css");
|
|
10
|
+
/**
|
|
11
|
+
* @jsxRuntime classic
|
|
12
|
+
*/
|
|
10
13
|
/** @jsx jsx */
|
|
11
14
|
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
16
|
+
|
|
12
17
|
var showAboveQueries = (0, _buildMediaQueryCss.UNSAFE_buildAboveMediaQueryCSS)({
|
|
13
18
|
display: 'revert'
|
|
14
19
|
});
|
|
@@ -9,7 +9,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
|
9
9
|
var _react = require("@emotion/react");
|
|
10
10
|
var _tokens = require("@atlaskit/tokens");
|
|
11
11
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
12
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
13
13
|
/**
|
|
14
14
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
15
15
|
* @codegen <<SignedSource::c98c944b8a999cfc194a2cfe851d2433>>
|
package/dist/cjs/xcss/xcss.js
CHANGED
|
@@ -14,7 +14,8 @@ var _react = require("@emotion/react");
|
|
|
14
14
|
var _styleMaps = require("./style-maps.partial");
|
|
15
15
|
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
16
16
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
17
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // eslint-disable-next-line
|
|
17
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
18
|
+
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
18
19
|
var tokensMap = exports.tokensMap = {
|
|
19
20
|
backgroundColor: _styleMaps.backgroundColorMap,
|
|
20
21
|
blockSize: _styleMaps.dimensionMap,
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import React from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { parseXcss } from '../xcss/xcss';
|
|
5
10
|
const baseStyles = css({
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { forwardRef } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
import { backgroundColorStylesMap, isSurfaceColorToken, paddingStylesMap, surfaceColorStylesMap } from '../xcss/style-maps.partial';
|
|
6
11
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { forwardRef, memo } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { spaceStylesMap } from '../xcss/style-maps.partial';
|
|
5
10
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { forwardRef, memo, useMemo } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { spaceStylesMap } from '../xcss/style-maps.partial';
|
|
5
10
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
/* eslint-disable @repo/internal/styles/no-exported-styles */
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { Children, forwardRef, Fragment, memo } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
import { xcss } from '../xcss/xcss';
|
|
6
11
|
import Flex from './flex';
|
|
@@ -67,7 +67,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
67
67
|
action: 'clicked',
|
|
68
68
|
componentName: componentName || 'Pressable',
|
|
69
69
|
packageName: "@atlaskit/primitives",
|
|
70
|
-
packageVersion: "7.
|
|
70
|
+
packageVersion: "7.4.1",
|
|
71
71
|
analyticsData: analyticsContext,
|
|
72
72
|
actionSubject: 'button'
|
|
73
73
|
});
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
/* eslint-disable @repo/internal/styles/no-exported-styles */
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { forwardRef, memo } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { jsx } from '@emotion/react';
|
|
5
10
|
import { xcss } from '../xcss/xcss';
|
|
6
11
|
import Flex from './flex';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { createContext, forwardRef, useContext } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import invariant from 'tiny-invariant';
|
|
5
10
|
import { fontStylesMap, fontWeightStylesMap, inverseColorMap, textColorStylesMap } from '../xcss/style-maps.partial';
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { jsx } from '@emotion/react';
|
|
4
8
|
import { parseXcss } from '../xcss/xcss';
|
|
5
9
|
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { css, jsx } from '@emotion/react';
|
|
4
8
|
import { parseXcss } from '../xcss/xcss';
|
|
5
9
|
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';
|
package/dist/es2019/xcss/xcss.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
2
3
|
import { css as cssEmotion } from '@emotion/react';
|
|
3
4
|
|
|
4
5
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
|
@@ -78,7 +78,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
78
78
|
action: 'clicked',
|
|
79
79
|
componentName: componentName || 'Anchor',
|
|
80
80
|
packageName: "@atlaskit/primitives",
|
|
81
|
-
packageVersion: "7.
|
|
81
|
+
packageVersion: "7.4.1",
|
|
82
82
|
analyticsData: analyticsContext,
|
|
83
83
|
actionSubject: 'link'
|
|
84
84
|
});
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import React from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { parseXcss } from '../xcss/xcss';
|
|
5
10
|
var baseStyles = css({
|
|
@@ -2,8 +2,13 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
|
|
4
4
|
_excluded2 = ["className"];
|
|
5
|
+
/**
|
|
6
|
+
* @jsxRuntime classic
|
|
7
|
+
*/
|
|
5
8
|
/** @jsx jsx */
|
|
6
9
|
import { forwardRef } from 'react';
|
|
10
|
+
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
7
12
|
import { css, jsx } from '@emotion/react';
|
|
8
13
|
import { backgroundColorStylesMap, isSurfaceColorToken, paddingStylesMap, surfaceColorStylesMap } from '../xcss/style-maps.partial';
|
|
9
14
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { forwardRef, memo } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import { spaceStylesMap } from '../xcss/style-maps.partial';
|
|
5
10
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
+
/**
|
|
3
|
+
* @jsxRuntime classic
|
|
4
|
+
*/
|
|
2
5
|
/** @jsx jsx */
|
|
3
6
|
import { forwardRef, memo, useMemo } from 'react';
|
|
7
|
+
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
9
|
import { css, jsx } from '@emotion/react';
|
|
5
10
|
import { spaceStylesMap } from '../xcss/style-maps.partial';
|
|
6
11
|
import { parseXcss } from '../xcss/xcss';
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
/* eslint-disable @repo/internal/styles/no-exported-styles */
|
|
3
|
+
/**
|
|
4
|
+
* @jsxRuntime classic
|
|
5
|
+
*/
|
|
3
6
|
/** @jsx jsx */
|
|
4
7
|
import { Children, forwardRef, Fragment, memo } from 'react';
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
5
10
|
import { css, jsx } from '@emotion/react';
|
|
6
11
|
import { xcss } from '../xcss/xcss';
|
|
7
12
|
import Flex from './flex';
|
|
@@ -71,7 +71,7 @@ var Pressable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
71
71
|
action: 'clicked',
|
|
72
72
|
componentName: componentName || 'Pressable',
|
|
73
73
|
packageName: "@atlaskit/primitives",
|
|
74
|
-
packageVersion: "7.
|
|
74
|
+
packageVersion: "7.4.1",
|
|
75
75
|
analyticsData: analyticsContext,
|
|
76
76
|
actionSubject: 'button'
|
|
77
77
|
});
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
|
|
2
2
|
/* eslint-disable @repo/internal/styles/no-exported-styles */
|
|
3
|
+
/**
|
|
4
|
+
* @jsxRuntime classic
|
|
5
|
+
*/
|
|
3
6
|
/** @jsx jsx */
|
|
4
7
|
import { forwardRef, memo } from 'react';
|
|
8
|
+
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
5
10
|
import { jsx } from '@emotion/react';
|
|
6
11
|
import { xcss } from '../xcss/xcss';
|
|
7
12
|
import Flex from './flex';
|
|
@@ -1,5 +1,10 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
import { createContext, forwardRef, useContext } from 'react';
|
|
6
|
+
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
8
|
import { css, jsx } from '@emotion/react';
|
|
4
9
|
import invariant from 'tiny-invariant';
|
|
5
10
|
import { fontStylesMap, fontWeightStylesMap, inverseColorMap, textColorStylesMap } from '../xcss/style-maps.partial';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
5
|
import { css } from '@emotion/react';
|
|
5
6
|
import { UNSAFE_BREAKPOINTS_ORDERED_LIST } from './constants';
|
|
6
7
|
import { media, UNSAFE_media } from './media-helper';
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { jsx } from '@emotion/react';
|
|
4
8
|
import { parseXcss } from '../xcss/xcss';
|
|
5
9
|
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';
|
|
@@ -1,5 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @jsxRuntime classic
|
|
3
|
+
*/
|
|
1
4
|
/** @jsx jsx */
|
|
2
5
|
|
|
6
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
3
7
|
import { css, jsx } from '@emotion/react';
|
|
4
8
|
import { parseXcss } from '../xcss/xcss';
|
|
5
9
|
import { UNSAFE_buildAboveMediaQueryCSS, UNSAFE_buildBelowMediaQueryCSS } from './build-media-query-css';
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
4
5
|
import { css } from '@emotion/react';
|
|
5
6
|
import { CURRENT_SURFACE_CSS_VAR } from '@atlaskit/tokens';
|
|
6
7
|
|
package/dist/esm/xcss/xcss.js
CHANGED
|
@@ -6,6 +6,7 @@ function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol
|
|
|
6
6
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
7
7
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
8
8
|
/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
|
|
9
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
9
10
|
import { css as cssEmotion } from '@emotion/react';
|
|
10
11
|
|
|
11
12
|
// eslint-disable-next-line import/no-extraneous-dependencies
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@atlaskit/primitives",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.4.1",
|
|
4
4
|
"description": "Primitives are token-backed low-level building blocks.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/"
|
|
@@ -125,11 +125,11 @@
|
|
|
125
125
|
"dependencies": {
|
|
126
126
|
"@atlaskit/analytics-next": "^9.3.0",
|
|
127
127
|
"@atlaskit/app-provider": "^1.3.0",
|
|
128
|
-
"@atlaskit/css": "^0.
|
|
128
|
+
"@atlaskit/css": "^0.2.0",
|
|
129
129
|
"@atlaskit/ds-lib": "^2.3.0",
|
|
130
130
|
"@atlaskit/interaction-context": "^2.1.0",
|
|
131
|
-
"@atlaskit/tokens": "^1.
|
|
132
|
-
"@atlaskit/visually-hidden": "^1.
|
|
131
|
+
"@atlaskit/tokens": "^1.51.0",
|
|
132
|
+
"@atlaskit/visually-hidden": "^1.4.0",
|
|
133
133
|
"@babel/runtime": "^7.0.0",
|
|
134
134
|
"@emotion/react": "^11.7.1",
|
|
135
135
|
"@emotion/serialize": "^1.1.0",
|
|
@@ -144,8 +144,8 @@
|
|
|
144
144
|
"@af/accessibility-testing": "*",
|
|
145
145
|
"@af/formatting": "*",
|
|
146
146
|
"@atlaskit/ssr": "*",
|
|
147
|
-
"@atlaskit/toggle": "^13.
|
|
148
|
-
"@atlaskit/tooltip": "^18.
|
|
147
|
+
"@atlaskit/toggle": "^13.2.0",
|
|
148
|
+
"@atlaskit/tooltip": "^18.5.0",
|
|
149
149
|
"@atlaskit/visual-regression": "*",
|
|
150
150
|
"@atlassian/codegen": "^0.1.0",
|
|
151
151
|
"@testing-library/react": "^12.1.5",
|