@atlaskit/code 15.6.2 → 15.6.3

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 (5) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/code.js +3 -1
  3. package/dist/es2019/code.js +3 -1
  4. package/dist/esm/code.js +3 -1
  5. package/package.json +4 -4
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/code
2
2
 
3
+ ## 15.6.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#152305](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/152305)
8
+ [`0f13c972be628`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/0f13c972be628) -
9
+ [ux] Fix background color override using CSS variable for inlinde code behind a feature flag. If
10
+ successful, these changes will be made available in a later release.
11
+
3
12
  ## 15.6.2
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/code.js CHANGED
@@ -19,6 +19,7 @@ var _react2 = require("@emotion/react");
19
19
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
20
20
  var _bidiWarning = _interopRequireDefault(require("./bidi-warning"));
21
21
  var _bidiWarningDecorator = _interopRequireDefault(require("./bidi-warning/bidi-warning-decorator"));
22
+ var _constants = require("./internal/theme/constants");
22
23
  var _styles = require("./internal/theme/styles");
23
24
  var _excluded = ["testId"],
24
25
  _excluded2 = ["children", "codeBidiWarnings", "codeBidiWarningLabel", "codeBidiWarningTooltipEnabled"];
@@ -45,7 +46,8 @@ var Code = /*#__PURE__*/(0, _react.memo)( /*#__PURE__*/(0, _react.forwardRef)(fu
45
46
  var styles = (0, _platformFeatureFlags.fg)('platform_design_system_team_code_new_typography') ? (0, _react2.css)({
46
47
  display: 'inline',
47
48
  padding: '2px 0.5ch',
48
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
49
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
50
+ backgroundColor: "var(".concat(_constants.VAR_CODE_BG_COLOR, ", ", "var(--ds-background-neutral, #091E420F)", ")"),
49
51
  borderRadius: "var(--ds-border-radius, 3px)",
50
52
  borderStyle: 'none',
51
53
  boxDecorationBreak: 'clone',
package/dist/es2019/code.js CHANGED
@@ -10,6 +10,7 @@ import { css, jsx } from '@emotion/react';
10
10
  import { fg } from '@atlaskit/platform-feature-flags';
11
11
  import CodeBidiWarning from './bidi-warning';
12
12
  import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
13
+ import { VAR_CODE_BG_COLOR } from './internal/theme/constants';
13
14
  import { getCodeStyles } from './internal/theme/styles';
14
15
  /**
15
16
  * __Code__
@@ -28,7 +29,8 @@ const Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code({
28
29
  const styles = fg('platform_design_system_team_code_new_typography') ? css({
29
30
  display: 'inline',
30
31
  padding: '2px 0.5ch',
31
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
32
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
33
+ backgroundColor: `var(${VAR_CODE_BG_COLOR}, ${"var(--ds-background-neutral, #091E420F)"})`,
32
34
  borderRadius: "var(--ds-border-radius, 3px)",
33
35
  borderStyle: 'none',
34
36
  boxDecorationBreak: 'clone',
package/dist/esm/code.js CHANGED
@@ -13,6 +13,7 @@ import { css, jsx } from '@emotion/react';
13
13
  import { fg } from '@atlaskit/platform-feature-flags';
14
14
  import CodeBidiWarning from './bidi-warning';
15
15
  import codeBidiWarningDecorator from './bidi-warning/bidi-warning-decorator';
16
+ import { VAR_CODE_BG_COLOR } from './internal/theme/constants';
16
17
  import { getCodeStyles } from './internal/theme/styles';
17
18
  /**
18
19
  * __Code__
@@ -30,7 +31,8 @@ var Code = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Code(_ref, ref) {
30
31
  var styles = fg('platform_design_system_team_code_new_typography') ? css({
31
32
  display: 'inline',
32
33
  padding: '2px 0.5ch',
33
- backgroundColor: "var(--ds-background-neutral, #091E420F)",
34
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
35
+ backgroundColor: "var(".concat(VAR_CODE_BG_COLOR, ", ", "var(--ds-background-neutral, #091E420F)", ")"),
34
36
  borderRadius: "var(--ds-border-radius, 3px)",
35
37
  borderStyle: 'none',
36
38
  boxDecorationBreak: 'clone',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/code",
3
- "version": "15.6.2",
3
+ "version": "15.6.3",
4
4
  "description": "Code highlights short strings of code snippets inline with body text.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -28,9 +28,9 @@
28
28
  "dependencies": {
29
29
  "@atlaskit/codemod-utils": "^4.2.0",
30
30
  "@atlaskit/platform-feature-flags": "^0.3.0",
31
- "@atlaskit/theme": "^13.0.0",
31
+ "@atlaskit/theme": "^13.1.0",
32
32
  "@atlaskit/tokens": "^2.0.0",
33
- "@atlaskit/tooltip": "^18.7.0",
33
+ "@atlaskit/tooltip": "^18.8.0",
34
34
  "@atlaskit/visually-hidden": "^1.5.0",
35
35
  "@babel/runtime": "^7.0.0",
36
36
  "@emotion/react": "^11.7.1",
@@ -44,7 +44,7 @@
44
44
  "@af/accessibility-testing": "*",
45
45
  "@af/integration-testing": "*",
46
46
  "@af/visual-regression": "*",
47
- "@atlaskit/ds-lib": "^2.6.0",
47
+ "@atlaskit/ds-lib": "^3.1.0",
48
48
  "@atlaskit/ssr": "*",
49
49
  "@atlaskit/toggle": "^13.4.0",
50
50
  "@atlaskit/visual-regression": "*",