@atlaskit/primitives 14.15.0 → 14.15.2
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 +16 -0
- package/dist/cjs/compiled/components/anchor.js +2 -2
- package/dist/cjs/compiled/components/bleed.js +1 -1
- package/dist/cjs/compiled/components/box.js +1 -1
- package/dist/cjs/compiled/components/flex.js +1 -1
- package/dist/cjs/compiled/components/focusable.compiled.css +2 -2
- package/dist/cjs/compiled/components/focusable.js +4 -10
- package/dist/cjs/compiled/components/grid.js +1 -1
- package/dist/cjs/compiled/components/inline.js +1 -1
- package/dist/cjs/compiled/components/metric-text.js +1 -1
- package/dist/cjs/compiled/components/pressable.js +2 -2
- package/dist/cjs/compiled/components/stack.js +1 -1
- package/dist/cjs/compiled/components/text.js +1 -1
- package/dist/cjs/compiled/responsive/hide.js +1 -1
- package/dist/cjs/compiled/responsive/show.js +1 -1
- package/dist/cjs/components/anchor.js +1 -1
- package/dist/cjs/components/pressable.js +1 -1
- package/dist/cjs/xcss/style-maps.partial.js +12 -12
- package/dist/es2019/compiled/components/anchor.js +2 -2
- package/dist/es2019/compiled/components/bleed.js +1 -1
- package/dist/es2019/compiled/components/box.js +1 -1
- package/dist/es2019/compiled/components/flex.js +1 -1
- package/dist/es2019/compiled/components/focusable.js +1 -1
- package/dist/es2019/compiled/components/grid.js +1 -1
- package/dist/es2019/compiled/components/inline.js +1 -1
- package/dist/es2019/compiled/components/metric-text.js +1 -1
- package/dist/es2019/compiled/components/pressable.js +2 -2
- package/dist/es2019/compiled/components/stack.js +1 -1
- package/dist/es2019/compiled/components/text.js +1 -1
- package/dist/es2019/compiled/responsive/hide.js +1 -1
- package/dist/es2019/compiled/responsive/show.js +1 -1
- package/dist/es2019/components/anchor.js +1 -1
- package/dist/es2019/components/pressable.js +1 -1
- package/dist/es2019/xcss/style-maps.partial.js +12 -12
- package/dist/esm/compiled/components/anchor.js +2 -2
- package/dist/esm/compiled/components/bleed.js +1 -1
- package/dist/esm/compiled/components/box.js +1 -1
- package/dist/esm/compiled/components/flex.js +1 -1
- package/dist/esm/compiled/components/focusable.compiled.css +2 -2
- package/dist/esm/compiled/components/focusable.js +4 -10
- package/dist/esm/compiled/components/grid.js +1 -1
- package/dist/esm/compiled/components/inline.js +1 -1
- package/dist/esm/compiled/components/metric-text.js +1 -1
- package/dist/esm/compiled/components/pressable.js +2 -2
- package/dist/esm/compiled/components/stack.js +1 -1
- package/dist/esm/compiled/components/text.js +1 -1
- package/dist/esm/compiled/responsive/hide.js +1 -1
- package/dist/esm/compiled/responsive/show.js +1 -1
- package/dist/esm/components/anchor.js +1 -1
- package/dist/esm/components/pressable.js +1 -1
- package/dist/esm/xcss/style-maps.partial.js +12 -12
- package/dist/types/xcss/style-maps.partial.d.ts +437 -437
- package/dist/types/xcss/xcss.d.ts +795 -795
- package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +437 -437
- package/dist/types-ts4.5/xcss/xcss.d.ts +795 -795
- package/package.json +6 -6
- package/scripts/color-codegen-template.tsx +13 -2
- package/scripts/elevation-codegen-template.tsx +14 -2
- package/scripts/inverse-color-map-template.tsx +11 -10
- package/scripts/shape-codegen-template.tsx +11 -8
- package/scripts/spacing-codegen-template.tsx +11 -4
- package/scripts/text-codegen-template.tsx +12 -2
- package/scripts/typography-codegen-template.tsx +9 -2
- package/scripts/utils.tsx +10 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# @atlaskit/primitives
|
|
2
2
|
|
|
3
|
+
## 14.15.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`c72a8190e4e4f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c72a8190e4e4f) -
|
|
8
|
+
add types to generated code for tokens
|
|
9
|
+
- Updated dependencies
|
|
10
|
+
|
|
11
|
+
## 14.15.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- [`d92f75f49b03f`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d92f75f49b03f) -
|
|
16
|
+
added type definitions to return type of generated code
|
|
17
|
+
- Updated dependencies
|
|
18
|
+
|
|
3
19
|
## 14.15.0
|
|
4
20
|
|
|
5
21
|
### Minor Changes
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* anchor.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* anchor.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -70,7 +70,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
70
70
|
action: 'clicked',
|
|
71
71
|
componentName: componentName || 'Anchor',
|
|
72
72
|
packageName: "@atlaskit/primitives",
|
|
73
|
-
packageVersion: "
|
|
73
|
+
packageVersion: "0.0.0-development",
|
|
74
74
|
analyticsData: analyticsContext,
|
|
75
75
|
actionSubject: 'link'
|
|
76
76
|
});
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
._ymio1r31:focus:not(:focus-visible){outline-color:currentColor}
|
|
3
3
|
._ypr0glyw:focus:not(:focus-visible){outline-style:none}
|
|
4
4
|
._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
5
|
-
.
|
|
5
|
+
._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
6
6
|
._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
|
|
7
7
|
._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
8
8
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
9
|
-
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}.
|
|
9
|
+
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}._2mwq1gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* focusable.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* focusable.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -12,14 +12,11 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
12
12
|
var React = _react;
|
|
13
13
|
var _runtime = require("@compiled/react/runtime");
|
|
14
14
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
16
15
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
17
16
|
var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
|
|
18
17
|
var _excluded = ["as", "children", "isInset", "testId", "style", "xcss"],
|
|
19
18
|
_excluded2 = ["className"];
|
|
20
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
|
21
|
-
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; }
|
|
22
|
-
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; }
|
|
23
20
|
var focusRingStyles = null;
|
|
24
21
|
var insetFocusRingStyles = null;
|
|
25
22
|
|
|
@@ -49,14 +46,11 @@ var Focusable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
49
46
|
return /*#__PURE__*/React.createElement(Component, (0, _extends2.default)({}, safeHtmlAttributes, {
|
|
50
47
|
// @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
|
|
51
48
|
ref: ref,
|
|
52
|
-
className: (0, _runtime.ax)(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "
|
|
49
|
+
className: (0, _runtime.ax)(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", (0, _platformFeatureFlags.fg)('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
|
|
53
50
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
54
51
|
,
|
|
55
|
-
|
|
56
|
-
"data-testid": testId
|
|
57
|
-
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
58
|
-
"--_12dc40g": (0, _runtime.ix)("calc(0px - ".concat("var(--ds-border-width-focused, 2px)", ")"))
|
|
59
|
-
})
|
|
52
|
+
style: style,
|
|
53
|
+
"data-testid": testId
|
|
60
54
|
}), children);
|
|
61
55
|
});
|
|
62
56
|
var _default = exports.default = Focusable;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* pressable.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* pressable.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
"use strict";
|
|
3
3
|
|
|
4
4
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
@@ -61,7 +61,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Pressable',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "0.0.0-development",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'button'
|
|
67
67
|
});
|
|
@@ -105,7 +105,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
105
105
|
action: 'clicked',
|
|
106
106
|
componentName: componentName || 'Anchor',
|
|
107
107
|
packageName: "@atlaskit/primitives",
|
|
108
|
-
packageVersion: "
|
|
108
|
+
packageVersion: "0.0.0-development",
|
|
109
109
|
analyticsData: analyticsContext,
|
|
110
110
|
actionSubject: 'link'
|
|
111
111
|
});
|
|
@@ -97,7 +97,7 @@ var Pressable = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
97
97
|
action: 'clicked',
|
|
98
98
|
componentName: componentName || 'Pressable',
|
|
99
99
|
packageName: "@atlaskit/primitives",
|
|
100
|
-
packageVersion: "
|
|
100
|
+
packageVersion: "0.0.0-development",
|
|
101
101
|
analyticsData: analyticsContext,
|
|
102
102
|
actionSubject: 'button'
|
|
103
103
|
});
|
|
@@ -34,10 +34,10 @@ var dimensionMap = exports.dimensionMap = {
|
|
|
34
34
|
|
|
35
35
|
/**
|
|
36
36
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
37
|
-
* @codegen <<SignedSource::
|
|
37
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
38
38
|
* @codegenId spacing
|
|
39
39
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
40
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
40
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
41
41
|
*/
|
|
42
42
|
var positiveSpaceMap = exports.positiveSpaceMap = {
|
|
43
43
|
'space.0': "var(--ds-space-0, 0px)",
|
|
@@ -73,10 +73,10 @@ var allSpaceMap = exports.allSpaceMap = _objectSpread(_objectSpread({}, positive
|
|
|
73
73
|
|
|
74
74
|
/**
|
|
75
75
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
76
|
-
* @codegen <<SignedSource::
|
|
76
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
77
77
|
* @codegenId inverse-colors
|
|
78
78
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
79
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
79
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
80
80
|
*/
|
|
81
81
|
var inverseColorMap = exports.inverseColorMap = {
|
|
82
82
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -114,11 +114,11 @@ var inverseColorMap = exports.inverseColorMap = {
|
|
|
114
114
|
|
|
115
115
|
/**
|
|
116
116
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
117
|
-
* @codegen <<SignedSource::
|
|
117
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
118
118
|
* @codegenId elevation
|
|
119
119
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
120
120
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
121
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
121
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
122
122
|
*/
|
|
123
123
|
var opacityMap = exports.opacityMap = {
|
|
124
124
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -149,11 +149,11 @@ var surfaceColorMap = exports.surfaceColorMap = {
|
|
|
149
149
|
|
|
150
150
|
/**
|
|
151
151
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
152
|
-
* @codegen <<SignedSource::
|
|
152
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
153
153
|
* @codegenId colors
|
|
154
154
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
155
155
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
156
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
156
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
157
157
|
*/
|
|
158
158
|
var borderColorMap = exports.borderColorMap = {
|
|
159
159
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -474,11 +474,11 @@ var layerMap = exports.layerMap = {
|
|
|
474
474
|
|
|
475
475
|
/**
|
|
476
476
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
477
|
-
* @codegen <<SignedSource::
|
|
477
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
478
478
|
* @codegenId border
|
|
479
479
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
480
480
|
* @codegenParams ["width", "radius"]
|
|
481
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
481
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::d47449bd9713a33fe95c6a84d3134308>>
|
|
482
482
|
*/
|
|
483
483
|
var borderWidthMap = exports.borderWidthMap = {
|
|
484
484
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -520,7 +520,7 @@ var borderRadiusMap = exports.borderRadiusMap = {
|
|
|
520
520
|
|
|
521
521
|
/**
|
|
522
522
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
523
|
-
* @codegen <<SignedSource::
|
|
523
|
+
* @codegen <<SignedSource::ab32bc819d015e7451c245e6a77eba28>>
|
|
524
524
|
* @codegenId typography
|
|
525
525
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
526
526
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -563,7 +563,7 @@ var fontFamilyMap = exports.fontFamilyMap = {
|
|
|
563
563
|
|
|
564
564
|
/**
|
|
565
565
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
566
|
-
* @codegen <<SignedSource::
|
|
566
|
+
* @codegen <<SignedSource::379f638b84496f34817234c7f3c58f74>>
|
|
567
567
|
* @codegenId text
|
|
568
568
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
569
569
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* anchor.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* anchor.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./anchor.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -56,7 +56,7 @@ const AnchorNoRef = ({
|
|
|
56
56
|
action: 'clicked',
|
|
57
57
|
componentName: componentName || 'Anchor',
|
|
58
58
|
packageName: "@atlaskit/primitives",
|
|
59
|
-
packageVersion: "
|
|
59
|
+
packageVersion: "0.0.0-development",
|
|
60
60
|
analyticsData: analyticsContext,
|
|
61
61
|
actionSubject: 'link'
|
|
62
62
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* pressable.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* pressable.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import "./pressable.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -48,7 +48,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
48
48
|
action: 'clicked',
|
|
49
49
|
componentName: componentName || 'Pressable',
|
|
50
50
|
packageName: "@atlaskit/primitives",
|
|
51
|
-
packageVersion: "
|
|
51
|
+
packageVersion: "0.0.0-development",
|
|
52
52
|
analyticsData: analyticsContext,
|
|
53
53
|
actionSubject: 'button'
|
|
54
54
|
});
|
|
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
|
|
|
94
94
|
action: 'clicked',
|
|
95
95
|
componentName: componentName || 'Anchor',
|
|
96
96
|
packageName: "@atlaskit/primitives",
|
|
97
|
-
packageVersion: "
|
|
97
|
+
packageVersion: "0.0.0-development",
|
|
98
98
|
analyticsData: analyticsContext,
|
|
99
99
|
actionSubject: 'link'
|
|
100
100
|
});
|
|
@@ -86,7 +86,7 @@ const Pressable = /*#__PURE__*/forwardRef(({
|
|
|
86
86
|
action: 'clicked',
|
|
87
87
|
componentName: componentName || 'Pressable',
|
|
88
88
|
packageName: "@atlaskit/primitives",
|
|
89
|
-
packageVersion: "
|
|
89
|
+
packageVersion: "0.0.0-development",
|
|
90
90
|
analyticsData: analyticsContext,
|
|
91
91
|
actionSubject: 'button'
|
|
92
92
|
});
|
|
@@ -26,10 +26,10 @@ export const dimensionMap = {
|
|
|
26
26
|
|
|
27
27
|
/**
|
|
28
28
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
29
|
-
* @codegen <<SignedSource::
|
|
29
|
+
* @codegen <<SignedSource::513f6a7e264ea3f9fe56eda322a28f64>>
|
|
30
30
|
* @codegenId spacing
|
|
31
31
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
32
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::
|
|
32
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-spacing.tsx <<SignedSource::07b9c29f8d9f95e43d59a7b7ad4ce7a2>>
|
|
33
33
|
*/
|
|
34
34
|
export const positiveSpaceMap = {
|
|
35
35
|
'space.0': "var(--ds-space-0, 0px)",
|
|
@@ -68,10 +68,10 @@ export const allSpaceMap = {
|
|
|
68
68
|
|
|
69
69
|
/**
|
|
70
70
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
71
|
-
* @codegen <<SignedSource::
|
|
71
|
+
* @codegen <<SignedSource::1c92990a9f8f6ea7c2266ff81a97ee55>>
|
|
72
72
|
* @codegenId inverse-colors
|
|
73
73
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
74
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
74
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
75
75
|
*/
|
|
76
76
|
export const inverseColorMap = {
|
|
77
77
|
'color.background.neutral.bold': 'color.text.inverse',
|
|
@@ -109,11 +109,11 @@ export const inverseColorMap = {
|
|
|
109
109
|
|
|
110
110
|
/**
|
|
111
111
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
112
|
-
* @codegen <<SignedSource::
|
|
112
|
+
* @codegen <<SignedSource::cb5e26bf46386ea628fc6bd6d213201e>>
|
|
113
113
|
* @codegenId elevation
|
|
114
114
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
115
115
|
* @codegenParams ["opacity", "shadow", "surface"]
|
|
116
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
116
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
117
117
|
*/
|
|
118
118
|
export const opacityMap = {
|
|
119
119
|
'opacity.disabled': "var(--ds-opacity-disabled, 0.4)",
|
|
@@ -144,11 +144,11 @@ export const surfaceColorMap = {
|
|
|
144
144
|
|
|
145
145
|
/**
|
|
146
146
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
147
|
-
* @codegen <<SignedSource::
|
|
147
|
+
* @codegen <<SignedSource::60e520432f6fbc9ef443877d79df9307>>
|
|
148
148
|
* @codegenId colors
|
|
149
149
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
150
150
|
* @codegenParams ["border", "background", "text", "fill"]
|
|
151
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::
|
|
151
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-light.tsx <<SignedSource::2271390eb3f104f20bb791b00250b316>>
|
|
152
152
|
*/
|
|
153
153
|
export const borderColorMap = {
|
|
154
154
|
'color.border': "var(--ds-border, #091e4221)",
|
|
@@ -469,11 +469,11 @@ export const layerMap = {
|
|
|
469
469
|
|
|
470
470
|
/**
|
|
471
471
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
472
|
-
* @codegen <<SignedSource::
|
|
472
|
+
* @codegen <<SignedSource::40c35869c30222d21da9e9024ecf3fe4>>
|
|
473
473
|
* @codegenId border
|
|
474
474
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
475
475
|
* @codegenParams ["width", "radius"]
|
|
476
|
-
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::
|
|
476
|
+
* @codegenDependency ../../../tokens/src/artifacts/tokens-raw/atlassian-shape.tsx <<SignedSource::d47449bd9713a33fe95c6a84d3134308>>
|
|
477
477
|
*/
|
|
478
478
|
export const borderWidthMap = {
|
|
479
479
|
'border.width': "var(--ds-border-width, 1px)",
|
|
@@ -515,7 +515,7 @@ export const borderRadiusMap = {
|
|
|
515
515
|
|
|
516
516
|
/**
|
|
517
517
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
518
|
-
* @codegen <<SignedSource::
|
|
518
|
+
* @codegen <<SignedSource::ab32bc819d015e7451c245e6a77eba28>>
|
|
519
519
|
* @codegenId typography
|
|
520
520
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
521
521
|
* @codegenParams ["fontSize", "fontWeight", "fontFamily", "lineHeight", "body", "ui"]
|
|
@@ -558,7 +558,7 @@ export const fontFamilyMap = {
|
|
|
558
558
|
|
|
559
559
|
/**
|
|
560
560
|
* THIS SECTION WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
561
|
-
* @codegen <<SignedSource::
|
|
561
|
+
* @codegen <<SignedSource::379f638b84496f34817234c7f3c58f74>>
|
|
562
562
|
* @codegenId text
|
|
563
563
|
* @codegenCommand yarn workspace @atlaskit/primitives codegen-styles
|
|
564
564
|
* @codegenDependency ../../../primitives/scripts/codegen-file-templates/dimensions.tsx <<SignedSource::cc9b3f12104c6ede803da6a42daac0b0>>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* anchor.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* anchor.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _typeof from "@babel/runtime/helpers/typeof";
|
|
4
4
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
@@ -61,7 +61,7 @@ var AnchorNoRef = function AnchorNoRef(_ref, ref) {
|
|
|
61
61
|
action: 'clicked',
|
|
62
62
|
componentName: componentName || 'Anchor',
|
|
63
63
|
packageName: "@atlaskit/primitives",
|
|
64
|
-
packageVersion: "
|
|
64
|
+
packageVersion: "0.0.0-development",
|
|
65
65
|
analyticsData: analyticsContext,
|
|
66
66
|
actionSubject: 'link'
|
|
67
67
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* box.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* box.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["as", "children", "backgroundColor", "padding", "paddingBlock", "paddingBlockStart", "paddingBlockEnd", "paddingInline", "paddingInlineStart", "paddingInlineEnd", "style", "testId", "xcss"],
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* flex.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* flex.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["as", "role", "alignItems", "justifyContent", "gap", "columnGap", "rowGap", "children", "testId", "direction", "wrap", "xcss"];
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
._ymio1r31:focus:not(:focus-visible){outline-color:currentColor}
|
|
3
3
|
._ypr0glyw:focus:not(:focus-visible){outline-style:none}
|
|
4
4
|
._zcxs1o36:focus:not(:focus-visible){outline-width:medium}._128mdkaa:focus-visible{outline-width:var(--ds-border-width-focused,2px)}
|
|
5
|
-
.
|
|
5
|
+
._1ah31gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}
|
|
6
6
|
._1ah3dkaa:focus-visible{outline-offset:var(--ds-border-width-focused,2px)}
|
|
7
7
|
._mizu194a:focus-visible{outline-color:var(--ds-border-focused,#2684ff)}
|
|
8
8
|
._ra3xnqa1:focus-visible{outline-style:solid}
|
|
9
|
-
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}.
|
|
9
|
+
@media screen and (-ms-high-contrast:active),screen and (forced-colors:active){._1cvmnqa1:focus-visible{outline-style:solid}._4davt94y:focus-visible{outline-width:1px}._2mwq1gjf:focus-visible{outline-offset:calc(0px - var(--ds-border-width-focused, 2px))}}
|
|
@@ -1,14 +1,11 @@
|
|
|
1
|
-
/* focusable.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* focusable.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
|
-
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
5
4
|
var _excluded = ["as", "children", "isInset", "testId", "style", "xcss"],
|
|
6
5
|
_excluded2 = ["className"];
|
|
7
6
|
import "./focusable.compiled.css";
|
|
8
7
|
import * as React from 'react';
|
|
9
8
|
import { ax, ix } from "@compiled/react/runtime";
|
|
10
|
-
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; }
|
|
11
|
-
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; }
|
|
12
9
|
import { forwardRef } from 'react';
|
|
13
10
|
import { fg } from '@atlaskit/platform-feature-flags';
|
|
14
11
|
var focusRingStyles = null;
|
|
@@ -40,14 +37,11 @@ var Focusable = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
|
40
37
|
return /*#__PURE__*/React.createElement(Component, _extends({}, safeHtmlAttributes, {
|
|
41
38
|
// @ts-ignore Expression produces a union type that is too complex to represent. We may be able to narrow the type here but unsure.
|
|
42
39
|
ref: ref,
|
|
43
|
-
className: ax(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "
|
|
40
|
+
className: ax(["_mizu194a _1ah3dkaa _ra3xnqa1 _128mdkaa _1cvmnqa1 _4davt94y", isInset && "_1ah31gjf _2mwq1gjf", fg('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
|
|
44
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
|
|
45
42
|
,
|
|
46
|
-
|
|
47
|
-
"data-testid": testId
|
|
48
|
-
style: _objectSpread(_objectSpread({}, style), {}, {
|
|
49
|
-
"--_12dc40g": ix("calc(0px - ".concat("var(--ds-border-width-focused, 2px)", ")"))
|
|
50
|
-
})
|
|
43
|
+
style: style,
|
|
44
|
+
"data-testid": testId
|
|
51
45
|
}), children);
|
|
52
46
|
});
|
|
53
47
|
export default Focusable;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* inline.tsx generated by @compiled/babel-plugin v0.
|
|
1
|
+
/* inline.tsx generated by @compiled/babel-plugin v0.38.1 */
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["as", "alignInline", "alignBlock", "shouldWrap", "spread", "grow", "space", "rowSpace", "separator", "xcss", "testId", "role", "children"];
|