@atlaskit/navigation-system 10.16.7 → 10.16.8

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 CHANGED
@@ -1,5 +1,15 @@
1
1
  # @atlassian/navigation-system
2
2
 
3
+ ## 10.16.8
4
+
5
+ ### Patch Changes
6
+
7
+ - [`73b74955b8418`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/73b74955b8418) -
8
+ Added `color.border.input.search` for search input borders. Navigation System Search uses the new
9
+ token when `platform-dst-tokens-finesse` is enabled; the existing border is unchanged when the
10
+ gate is disabled.
11
+ - Updated dependencies
12
+
3
13
  ## 10.16.7
4
14
 
5
15
  ### Patch Changes
@@ -12,6 +12,7 @@ var _runtime = require("@compiled/react/runtime");
12
12
  var _react = _interopRequireWildcard(require("react"));
13
13
  var _css = require("@atlaskit/css");
14
14
  var _search = _interopRequireDefault(require("@atlaskit/icon/core/search"));
15
+ var _fg = require("@atlaskit/platform-feature-flags/fg");
15
16
  var _compiled = require("@atlaskit/primitives/compiled");
16
17
  var _useIsFhsEnabled = require("../fhs-rollout/use-is-fhs-enabled");
17
18
  var _iconButton = require("./themed/icon-button");
@@ -43,7 +44,7 @@ var Search = exports.Search = function Search(_ref) {
43
44
  // When Emotion has been stripped from the Design System move this to Compiled.
44
45
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
45
46
  cursor: 'text',
46
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
47
+ border: "var(--ds-border-width, 1px)".concat(" solid ", (0, _fg.fg)('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)")
47
48
  },
48
49
  onClick: onClick,
49
50
  xcss: (0, _css.cx)(styles.root, isFhsEnabled && styles.fullHeightSidebar),
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { Fragment } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import SearchIcon from '@atlaskit/icon/core/search';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
8
  import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
8
9
  import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
9
10
  import { IconButton } from './themed/icon-button';
@@ -34,7 +35,7 @@ export const Search = ({
34
35
  // When Emotion has been stripped from the Design System move this to Compiled.
35
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
36
37
  cursor: 'text',
37
- border: `${"var(--ds-border-width, 1px)"} solid ${"var(--ds-border-input, #8C8F97)"}`
38
+ border: `${"var(--ds-border-width, 1px)"} solid ${fg('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)"}`
38
39
  },
39
40
  onClick: onClick,
40
41
  xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
@@ -4,6 +4,7 @@ import { ax, ix } from "@compiled/react/runtime";
4
4
  import React, { Fragment } from 'react';
5
5
  import { cx } from '@atlaskit/css';
6
6
  import SearchIcon from '@atlaskit/icon/core/search';
7
+ import { fg } from '@atlaskit/platform-feature-flags/fg';
7
8
  import { Pressable, Show, Text } from '@atlaskit/primitives/compiled';
8
9
  import { useIsFhsEnabled } from '../fhs-rollout/use-is-fhs-enabled';
9
10
  import { IconButton } from './themed/icon-button';
@@ -34,7 +35,7 @@ export var Search = function Search(_ref) {
34
35
  // When Emotion has been stripped from the Design System move this to Compiled.
35
36
  // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
36
37
  cursor: 'text',
37
- border: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border-input, #8C8F97)")
38
+ border: "var(--ds-border-width, 1px)".concat(" solid ", fg('platform-dst-tokens-finesse') ? "var(--ds-border-input-search, #0B120E24)" : "var(--ds-border-input, #8C8F97)")
38
39
  },
39
40
  onClick: onClick,
40
41
  xcss: cx(styles.root, isFhsEnabled && styles.fullHeightSidebar),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/navigation-system",
3
- "version": "10.16.7",
3
+ "version": "10.16.8",
4
4
  "description": "The latest navigation system for Atlassian apps.",
5
5
  "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
6
6
  "author": "Atlassian Pty Ltd",
@@ -70,7 +70,7 @@
70
70
  "@atlaskit/primitives": "^22.5.0",
71
71
  "@atlaskit/react-compiler-gating": "^0.2.0",
72
72
  "@atlaskit/side-nav-items": "^2.4.0",
73
- "@atlaskit/tokens": "^16.11.0",
73
+ "@atlaskit/tokens": "^16.12.0",
74
74
  "@atlaskit/tooltip": "^24.3.0",
75
75
  "@atlaskit/visually-hidden": "^4.4.0",
76
76
  "@babel/runtime": "^7.0.0",
@@ -162,6 +162,9 @@
162
162
  "type": "boolean",
163
163
  "referenceOnly": true
164
164
  },
165
+ "platform-dst-tokens-finesse": {
166
+ "type": "boolean"
167
+ },
165
168
  "platform_dst_ads_appswitcher_improvements": {
166
169
  "type": "boolean",
167
170
  "referenceOnly": true