@atlaskit/link-picker 1.37.2 → 1.37.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 (13) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/cjs/ui/index.js +1 -1
  3. package/dist/cjs/ui/link-picker/text-input/index.js +12 -7
  4. package/dist/cjs/ui/link-picker/text-input/styled.js +1 -12
  5. package/dist/es2019/ui/index.js +1 -1
  6. package/dist/es2019/ui/link-picker/text-input/index.js +13 -8
  7. package/dist/es2019/ui/link-picker/text-input/styled.js +0 -11
  8. package/dist/esm/ui/index.js +1 -1
  9. package/dist/esm/ui/link-picker/text-input/index.js +13 -8
  10. package/dist/esm/ui/link-picker/text-input/styled.js +0 -11
  11. package/dist/types/ui/link-picker/text-input/styled.d.ts +0 -1
  12. package/dist/types-ts4.5/ui/link-picker/text-input/styled.d.ts +0 -1
  13. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @atlaskit/link-picker
2
2
 
3
+ ## 1.37.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#113192](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113192)
8
+ [`80dfa651ba955`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/80dfa651ba955) -
9
+ Migration of native HTML buttons to new Pressable primitive.
10
+ - [#113192](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/113192)
11
+ [`80dfa651ba955`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/80dfa651ba955) -
12
+ Migration of native HTML buttons to new Pressable primitive.
13
+
3
14
  ## 1.37.2
4
15
 
5
16
  ### Patch Changes
package/dist/cjs/ui/index.js CHANGED
@@ -26,7 +26,7 @@ var testIds = exports.testIds = {
26
26
  };
27
27
  var PACKAGE_DATA = exports.PACKAGE_DATA = {
28
28
  packageName: "@atlaskit/link-picker" || '',
29
- packageVersion: "1.37.2" || '',
29
+ packageVersion: "1.37.3" || '',
30
30
  componentName: _constants.COMPONENT_NAME,
31
31
  source: _constants.COMPONENT_NAME
32
32
  };
package/dist/cjs/ui/link-picker/text-input/index.js CHANGED
@@ -11,6 +11,7 @@ var _react = require("react");
11
11
  var _react2 = require("@emotion/react");
12
12
  var _form = require("@atlaskit/form");
13
13
  var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
14
+ var _primitives = require("@atlaskit/primitives");
14
15
  var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
15
16
  var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
16
17
  var _conditionalSpotlightTargetWrapper = require("./conditional-spotlight-target-wrapper");
@@ -23,6 +24,12 @@ var testIds = exports.testIds = {
23
24
  urlError: 'link-error',
24
25
  clearUrlButton: 'clear-text'
25
26
  };
27
+ var clearTextButtonStyles = (0, _primitives.xcss)({
28
+ padding: 'space.0',
29
+ marginRight: 'space.050',
30
+ backgroundColor: 'color.background.neutral.subtle',
31
+ border: 'none'
32
+ });
26
33
  var TextInput = exports.TextInput = function TextInput(_ref) {
27
34
  var name = _ref.name,
28
35
  label = _ref.label,
@@ -68,16 +75,14 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
68
75
  }, [name, onClear]);
69
76
  var clearText = restProps.value !== '' && (0, _react2.jsx)(_tooltip.default, {
70
77
  content: clearLabel
71
- }, (0, _react2.jsx)("button", {
72
- type: "button"
73
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
74
- ,
75
- css: _styled.clearTextButtonStyles,
78
+ }, (0, _react2.jsx)(_primitives.Pressable, {
79
+ xcss: clearTextButtonStyles,
76
80
  onClick: handleClear,
77
- "data-testid": testIds.clearUrlButton
81
+ testId: testIds.clearUrlButton
78
82
  }, (0, _react2.jsx)(_selectClear.default, {
79
83
  size: "medium",
80
- label: clearLabel || ''
84
+ label: clearLabel || '',
85
+ primaryColor: "var(--ds-icon-subtle, #626F86)"
81
86
  })));
82
87
  return (
83
88
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
package/dist/cjs/ui/link-picker/text-input/styled.js CHANGED
@@ -3,21 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.fieldStyles = exports.clearTextButtonStyles = void 0;
6
+ exports.fieldStyles = void 0;
7
7
  var _react = require("@emotion/react");
8
- var _colors = require("@atlaskit/theme/colors");
9
8
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
9
 
11
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
12
- var clearTextButtonStyles = exports.clearTextButtonStyles = (0, _react.css)({
13
- padding: 0,
14
- marginRight: "var(--ds-space-050, 4px)",
15
- color: "var(--ds-icon-subtle, ".concat(_colors.N500, ")"),
16
- background: 'transparent',
17
- border: 'none',
18
- cursor: 'pointer'
19
- });
20
-
21
10
  /**
22
11
  * Overidding text input margin top which design system provides as a default spacer
23
12
  * but it gets in the way of our layout
package/dist/es2019/ui/index.js CHANGED
@@ -18,7 +18,7 @@ export const testIds = {
18
18
  };
19
19
  export const PACKAGE_DATA = {
20
20
  packageName: "@atlaskit/link-picker" || '',
21
- packageVersion: "1.37.2" || '',
21
+ packageVersion: "1.37.3" || '',
22
22
  componentName: COMPONENT_NAME,
23
23
  source: COMPONENT_NAME
24
24
  };
package/dist/es2019/ui/link-picker/text-input/index.js CHANGED
@@ -6,15 +6,22 @@ import { Fragment, useCallback, useRef } from 'react';
6
6
  import { jsx } from '@emotion/react';
7
7
  import { ErrorMessage, Field } from '@atlaskit/form';
8
8
  import Selectclear from '@atlaskit/icon/glyph/select-clear';
9
+ import { Pressable, xcss } from '@atlaskit/primitives';
9
10
  import Textfield from '@atlaskit/textfield';
10
11
  import Tooltip from '@atlaskit/tooltip';
11
12
  import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
12
- import { clearTextButtonStyles, fieldStyles } from './styled';
13
+ import { fieldStyles } from './styled';
13
14
  import { isRedoEvent, isUndoEvent } from './utils';
14
15
  export const testIds = {
15
16
  urlError: 'link-error',
16
17
  clearUrlButton: 'clear-text'
17
18
  };
19
+ const clearTextButtonStyles = xcss({
20
+ padding: 'space.0',
21
+ marginRight: 'space.050',
22
+ backgroundColor: 'color.background.neutral.subtle',
23
+ border: 'none'
24
+ });
18
25
  export const TextInput = ({
19
26
  name,
20
27
  label,
@@ -61,16 +68,14 @@ export const TextInput = ({
61
68
  }, [name, onClear]);
62
69
  const clearText = restProps.value !== '' && jsx(Tooltip, {
63
70
  content: clearLabel
64
- }, jsx("button", {
65
- type: "button"
66
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
67
- ,
68
- css: clearTextButtonStyles,
71
+ }, jsx(Pressable, {
72
+ xcss: clearTextButtonStyles,
69
73
  onClick: handleClear,
70
- "data-testid": testIds.clearUrlButton
74
+ testId: testIds.clearUrlButton
71
75
  }, jsx(Selectclear, {
72
76
  size: "medium",
73
- label: clearLabel || ''
77
+ label: clearLabel || '',
78
+ primaryColor: "var(--ds-icon-subtle, #626F86)"
74
79
  })));
75
80
  return (
76
81
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
package/dist/es2019/ui/link-picker/text-input/styled.js CHANGED
@@ -1,16 +1,5 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
- import { N500 } from '@atlaskit/theme/colors';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
- export const clearTextButtonStyles = css({
6
- padding: 0,
7
- marginRight: "var(--ds-space-050, 4px)",
8
- color: `var(--ds-icon-subtle, ${N500})`,
9
- background: 'transparent',
10
- border: 'none',
11
- cursor: 'pointer'
12
- });
13
-
14
3
  /**
15
4
  * Overidding text input margin top which design system provides as a default spacer
16
5
  * but it gets in the way of our layout
package/dist/esm/ui/index.js CHANGED
@@ -19,7 +19,7 @@ export var testIds = {
19
19
  };
20
20
  export var PACKAGE_DATA = {
21
21
  packageName: "@atlaskit/link-picker" || '',
22
- packageVersion: "1.37.2" || '',
22
+ packageVersion: "1.37.3" || '',
23
23
  componentName: COMPONENT_NAME,
24
24
  source: COMPONENT_NAME
25
25
  };
package/dist/esm/ui/link-picker/text-input/index.js CHANGED
@@ -8,15 +8,22 @@ import { Fragment, useCallback, useRef } from 'react';
8
8
  import { jsx } from '@emotion/react';
9
9
  import { ErrorMessage, Field } from '@atlaskit/form';
10
10
  import Selectclear from '@atlaskit/icon/glyph/select-clear';
11
+ import { Pressable, xcss } from '@atlaskit/primitives';
11
12
  import Textfield from '@atlaskit/textfield';
12
13
  import Tooltip from '@atlaskit/tooltip';
13
14
  import { ConditionalSpotlightTargetWrapper } from './conditional-spotlight-target-wrapper';
14
- import { clearTextButtonStyles, fieldStyles } from './styled';
15
+ import { fieldStyles } from './styled';
15
16
  import { isRedoEvent, isUndoEvent } from './utils';
16
17
  export var testIds = {
17
18
  urlError: 'link-error',
18
19
  clearUrlButton: 'clear-text'
19
20
  };
21
+ var clearTextButtonStyles = xcss({
22
+ padding: 'space.0',
23
+ marginRight: 'space.050',
24
+ backgroundColor: 'color.background.neutral.subtle',
25
+ border: 'none'
26
+ });
20
27
  export var TextInput = function TextInput(_ref) {
21
28
  var name = _ref.name,
22
29
  label = _ref.label,
@@ -62,16 +69,14 @@ export var TextInput = function TextInput(_ref) {
62
69
  }, [name, onClear]);
63
70
  var clearText = restProps.value !== '' && jsx(Tooltip, {
64
71
  content: clearLabel
65
- }, jsx("button", {
66
- type: "button"
67
- // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
68
- ,
69
- css: clearTextButtonStyles,
72
+ }, jsx(Pressable, {
73
+ xcss: clearTextButtonStyles,
70
74
  onClick: handleClear,
71
- "data-testid": testIds.clearUrlButton
75
+ testId: testIds.clearUrlButton
72
76
  }, jsx(Selectclear, {
73
77
  size: "medium",
74
- label: clearLabel || ''
78
+ label: clearLabel || '',
79
+ primaryColor: "var(--ds-icon-subtle, #626F86)"
75
80
  })));
76
81
  return (
77
82
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
package/dist/esm/ui/link-picker/text-input/styled.js CHANGED
@@ -1,16 +1,5 @@
1
1
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
2
2
  import { css } from '@emotion/react';
3
- import { N500 } from '@atlaskit/theme/colors';
4
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
- export var clearTextButtonStyles = css({
6
- padding: 0,
7
- marginRight: "var(--ds-space-050, 4px)",
8
- color: "var(--ds-icon-subtle, ".concat(N500, ")"),
9
- background: 'transparent',
10
- border: 'none',
11
- cursor: 'pointer'
12
- });
13
-
14
3
  /**
15
4
  * Overidding text input margin top which design system provides as a default spacer
16
5
  * but it gets in the way of our layout
package/dist/types/ui/link-picker/text-input/styled.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export declare const clearTextButtonStyles: import("@emotion/react").SerializedStyles;
2
1
  /**
3
2
  * Overidding text input margin top which design system provides as a default spacer
4
3
  * but it gets in the way of our layout
package/dist/types-ts4.5/ui/link-picker/text-input/styled.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- export declare const clearTextButtonStyles: import("@emotion/react").SerializedStyles;
2
1
  /**
3
2
  * Overidding text input margin top which design system provides as a default spacer
4
3
  * but it gets in the way of our layout
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/link-picker",
3
- "version": "1.37.2",
3
+ "version": "1.37.3",
4
4
  "description": "Standalone link picker",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "publishConfig": {
@@ -59,7 +59,7 @@
59
59
  },
60
60
  "dependencies": {
61
61
  "@atlaskit/analytics-next": "^9.3.0",
62
- "@atlaskit/button": "^17.22.0",
62
+ "@atlaskit/button": "^17.23.0",
63
63
  "@atlaskit/empty-state": "^7.9.0",
64
64
  "@atlaskit/form": "^10.4.0",
65
65
  "@atlaskit/frontend-utilities": "^2.7.0",
@@ -73,7 +73,7 @@
73
73
  "@atlaskit/spinner": "^16.2.0",
74
74
  "@atlaskit/tabs": "^16.2.0",
75
75
  "@atlaskit/textfield": "^6.4.0",
76
- "@atlaskit/theme": "^12.10.0",
76
+ "@atlaskit/theme": "^12.11.0",
77
77
  "@atlaskit/tokens": "^1.51.0",
78
78
  "@atlaskit/tooltip": "^18.5.0",
79
79
  "@atlaskit/ufo": "^0.2.0",