@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.
Files changed (64) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/cjs/compiled/components/anchor.js +2 -2
  3. package/dist/cjs/compiled/components/bleed.js +1 -1
  4. package/dist/cjs/compiled/components/box.js +1 -1
  5. package/dist/cjs/compiled/components/flex.js +1 -1
  6. package/dist/cjs/compiled/components/focusable.compiled.css +2 -2
  7. package/dist/cjs/compiled/components/focusable.js +4 -10
  8. package/dist/cjs/compiled/components/grid.js +1 -1
  9. package/dist/cjs/compiled/components/inline.js +1 -1
  10. package/dist/cjs/compiled/components/metric-text.js +1 -1
  11. package/dist/cjs/compiled/components/pressable.js +2 -2
  12. package/dist/cjs/compiled/components/stack.js +1 -1
  13. package/dist/cjs/compiled/components/text.js +1 -1
  14. package/dist/cjs/compiled/responsive/hide.js +1 -1
  15. package/dist/cjs/compiled/responsive/show.js +1 -1
  16. package/dist/cjs/components/anchor.js +1 -1
  17. package/dist/cjs/components/pressable.js +1 -1
  18. package/dist/cjs/xcss/style-maps.partial.js +12 -12
  19. package/dist/es2019/compiled/components/anchor.js +2 -2
  20. package/dist/es2019/compiled/components/bleed.js +1 -1
  21. package/dist/es2019/compiled/components/box.js +1 -1
  22. package/dist/es2019/compiled/components/flex.js +1 -1
  23. package/dist/es2019/compiled/components/focusable.js +1 -1
  24. package/dist/es2019/compiled/components/grid.js +1 -1
  25. package/dist/es2019/compiled/components/inline.js +1 -1
  26. package/dist/es2019/compiled/components/metric-text.js +1 -1
  27. package/dist/es2019/compiled/components/pressable.js +2 -2
  28. package/dist/es2019/compiled/components/stack.js +1 -1
  29. package/dist/es2019/compiled/components/text.js +1 -1
  30. package/dist/es2019/compiled/responsive/hide.js +1 -1
  31. package/dist/es2019/compiled/responsive/show.js +1 -1
  32. package/dist/es2019/components/anchor.js +1 -1
  33. package/dist/es2019/components/pressable.js +1 -1
  34. package/dist/es2019/xcss/style-maps.partial.js +12 -12
  35. package/dist/esm/compiled/components/anchor.js +2 -2
  36. package/dist/esm/compiled/components/bleed.js +1 -1
  37. package/dist/esm/compiled/components/box.js +1 -1
  38. package/dist/esm/compiled/components/flex.js +1 -1
  39. package/dist/esm/compiled/components/focusable.compiled.css +2 -2
  40. package/dist/esm/compiled/components/focusable.js +4 -10
  41. package/dist/esm/compiled/components/grid.js +1 -1
  42. package/dist/esm/compiled/components/inline.js +1 -1
  43. package/dist/esm/compiled/components/metric-text.js +1 -1
  44. package/dist/esm/compiled/components/pressable.js +2 -2
  45. package/dist/esm/compiled/components/stack.js +1 -1
  46. package/dist/esm/compiled/components/text.js +1 -1
  47. package/dist/esm/compiled/responsive/hide.js +1 -1
  48. package/dist/esm/compiled/responsive/show.js +1 -1
  49. package/dist/esm/components/anchor.js +1 -1
  50. package/dist/esm/components/pressable.js +1 -1
  51. package/dist/esm/xcss/style-maps.partial.js +12 -12
  52. package/dist/types/xcss/style-maps.partial.d.ts +437 -437
  53. package/dist/types/xcss/xcss.d.ts +795 -795
  54. package/dist/types-ts4.5/xcss/style-maps.partial.d.ts +437 -437
  55. package/dist/types-ts4.5/xcss/xcss.d.ts +795 -795
  56. package/package.json +6 -6
  57. package/scripts/color-codegen-template.tsx +13 -2
  58. package/scripts/elevation-codegen-template.tsx +14 -2
  59. package/scripts/inverse-color-map-template.tsx +11 -10
  60. package/scripts/shape-codegen-template.tsx +11 -8
  61. package/scripts/spacing-codegen-template.tsx +11 -4
  62. package/scripts/text-codegen-template.tsx +12 -2
  63. package/scripts/typography-codegen-template.tsx +9 -2
  64. 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.36.1 */
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: "14.14.3",
73
+ packageVersion: "0.0.0-development",
74
74
  analyticsData: analyticsContext,
75
75
  actionSubject: 'link'
76
76
  });
@@ -1,4 +1,4 @@
1
- /* bleed.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* bleed.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* box.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* box.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* flex.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flex.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -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
- ._1ah31gt5:focus-visible{outline-offset:var(--_12dc40g)}
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}._2mwq1gt5:focus-visible{outline-offset:var(--_12dc40g)}}
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.36.1 */
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 && "_1ah31gt5 _2mwq1gt5", (0, _platformFeatureFlags.fg)('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
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
- /* grid.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* grid.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* inline.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* inline.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* metric-text.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* metric-text.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* pressable.tsx generated by @compiled/babel-plugin v0.36.1 */
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: "14.14.3",
64
+ packageVersion: "0.0.0-development",
65
65
  analyticsData: analyticsContext,
66
66
  actionSubject: 'button'
67
67
  });
@@ -1,4 +1,4 @@
1
- /* stack.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* stack.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* text.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* text.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -1,4 +1,4 @@
1
- /* hide.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* hide.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -1,4 +1,4 @@
1
- /* show.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* show.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  "use strict";
3
3
 
4
4
  var _typeof = require("@babel/runtime/helpers/typeof");
@@ -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: "14.14.3",
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: "14.14.3",
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::0d3c08d703b8431712d7e238a3f7229b>>
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::55622b91aca9b3afac4bce440f222b71>>
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::22a2979c4fc1786fb195a77491780088>>
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::d227fb20aa75533eb903b15ddcb61e67>>
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::2eb224063963492535d5e8be41c5e2d9>>
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::d227fb20aa75533eb903b15ddcb61e67>>
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::0bab85e4a2b687630331ed0db60483dd>>
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::d227fb20aa75533eb903b15ddcb61e67>>
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::e122fbf803621e31525c85a829b8755c>>
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::4713f1e2c0d199b832b10fd3c9dd214b>>
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::2c0cffbebdab4e28fe2b45925623e523>>
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::c207cc4caf0794de5f13707a9c28451f>>
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.36.1 */
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: "14.14.3",
59
+ packageVersion: "0.0.0-development",
60
60
  analyticsData: analyticsContext,
61
61
  actionSubject: 'link'
62
62
  });
@@ -1,4 +1,4 @@
1
- /* bleed.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* bleed.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./bleed.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* box.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* box.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./box.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* flex.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* flex.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./flex.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* focusable.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* focusable.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./focusable.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* grid.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* grid.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./grid.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* inline.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* inline.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./inline.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* metric-text.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* metric-text.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./metric-text.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* pressable.tsx generated by @compiled/babel-plugin v0.36.1 */
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: "14.14.3",
51
+ packageVersion: "0.0.0-development",
52
52
  analyticsData: analyticsContext,
53
53
  actionSubject: 'button'
54
54
  });
@@ -1,4 +1,4 @@
1
- /* stack.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* stack.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import _extends from "@babel/runtime/helpers/extends";
3
3
  import "./stack.compiled.css";
4
4
  import * as React from 'react';
@@ -1,4 +1,4 @@
1
- /* text.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* text.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./text.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* hide.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* hide.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./hide.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* show.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* show.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./show.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -94,7 +94,7 @@ const AnchorNoRef = ({
94
94
  action: 'clicked',
95
95
  componentName: componentName || 'Anchor',
96
96
  packageName: "@atlaskit/primitives",
97
- packageVersion: "14.14.3",
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: "14.14.3",
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::0d3c08d703b8431712d7e238a3f7229b>>
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::55622b91aca9b3afac4bce440f222b71>>
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::22a2979c4fc1786fb195a77491780088>>
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::d227fb20aa75533eb903b15ddcb61e67>>
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::2eb224063963492535d5e8be41c5e2d9>>
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::d227fb20aa75533eb903b15ddcb61e67>>
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::0bab85e4a2b687630331ed0db60483dd>>
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::d227fb20aa75533eb903b15ddcb61e67>>
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::e122fbf803621e31525c85a829b8755c>>
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::4713f1e2c0d199b832b10fd3c9dd214b>>
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::2c0cffbebdab4e28fe2b45925623e523>>
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::c207cc4caf0794de5f13707a9c28451f>>
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.36.1 */
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: "14.14.3",
64
+ packageVersion: "0.0.0-development",
65
65
  analyticsData: analyticsContext,
66
66
  actionSubject: 'link'
67
67
  });
@@ -1,4 +1,4 @@
1
- /* bleed.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* bleed.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./bleed.compiled.css";
3
3
  import { ax, ix } from "@compiled/react/runtime";
4
4
  import React from 'react';
@@ -1,4 +1,4 @@
1
- /* box.tsx generated by @compiled/babel-plugin v0.36.1 */
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.36.1 */
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
- ._1ah31gt5:focus-visible{outline-offset:var(--_12dc40g)}
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}._2mwq1gt5:focus-visible{outline-offset:var(--_12dc40g)}}
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.36.1 */
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 && "_1ah31gt5 _2mwq1gt5", fg('platform_dst_compiled_primitives_outline_reset') && "_ymio1r31 _ypr0glyw _zcxs1o36", xcss])
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
- /* grid.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* grid.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./grid.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";
@@ -1,4 +1,4 @@
1
- /* inline.tsx generated by @compiled/babel-plugin v0.36.1 */
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"];
@@ -1,4 +1,4 @@
1
- /* metric-text.tsx generated by @compiled/babel-plugin v0.36.1 */
1
+ /* metric-text.tsx generated by @compiled/babel-plugin v0.38.1 */
2
2
  import "./metric-text.compiled.css";
3
3
  import * as React from 'react';
4
4
  import { ax, ix } from "@compiled/react/runtime";