@atlaskit/editor-plugin-date 10.0.12 → 10.0.14

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,19 @@
1
1
  # @atlaskit/editor-plugin-date
2
2
 
3
+ ## 10.0.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`5892e575833a1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5892e575833a1) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+ - Updated dependencies
10
+
11
+ ## 10.0.13
12
+
13
+ ### Patch Changes
14
+
15
+ - Updated dependencies
16
+
3
17
  ## 10.0.12
4
18
 
5
19
  ### Patch Changes
@@ -11,7 +11,6 @@ var _lazyNodeView = require("@atlaskit/editor-common/lazy-node-view");
11
11
  var _utils = require("@atlaskit/editor-common/utils");
12
12
  var _whitespace = require("@atlaskit/editor-common/whitespace");
13
13
  var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
- var _colors = require("@atlaskit/theme/colors");
15
14
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
16
15
  var _utils2 = require("./utils");
17
16
  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; }
@@ -32,8 +31,8 @@ var dateNodeSpec = exports.dateNodeSpec = function dateNodeSpec(node) {
32
31
  var attrs = {
33
32
  style: (0, _lazyNodeView.convertToInlineCss)({
34
33
  // Taken from @atlaskit/date Component
35
- backgroundColor: "var(--ds-background-neutral, ".concat(_colors.N30A, ")"),
36
- color: "var(--ds-text, ".concat(_colors.N800, ")"),
34
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
35
+ color: "var(--ds-text, #292A2E)",
37
36
  borderRadius: "var(--ds-radius-small, 4px)",
38
37
  padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
39
38
  margin: '0 1px'
@@ -1,7 +1,7 @@
1
1
 
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qskkzs{box-shadow:var(--_es7za0)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
4
- ._bfhk13b4{background-color:var(--_1f6rtr1)}
4
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
5
5
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
6
6
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
7
7
  ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
@@ -22,7 +22,6 @@ var _messages = require("@atlaskit/editor-common/messages");
22
22
  var _ui = require("@atlaskit/editor-common/ui");
23
23
  var _utils = require("@atlaskit/editor-common/utils");
24
24
  var _editorSharedStyles = require("@atlaskit/editor-shared-styles");
25
- var _colors = require("@atlaskit/theme/colors");
26
25
  var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
27
26
  var _visuallyHidden = _interopRequireDefault(require("@atlaskit/visually-hidden"));
28
27
  var _datePickerInput = _interopRequireDefault(require("./date-picker-input"));
@@ -157,11 +156,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
157
156
  }, intl.formatMessage(_messages.dateMessages.datePickerOpenedAlert)), /*#__PURE__*/_react.default.createElement(_ui.PlainOutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
158
157
  return /*#__PURE__*/_react.default.createElement("div", {
159
158
  ref: setOutsideClickTargetRef,
160
- className: (0, _runtime.ax)(["_2rkofajl _ca0qv77o _n3tdv77o _19bvv77o _u5f3v77o _16qskkzs _bfhk13b4"]),
161
- style: {
162
- "--_es7za0": (0, _runtime.ix)("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(_colors.N60A, ", 0 0 1px ").concat(_colors.N60A), ")")),
163
- "--_1f6rtr1": (0, _runtime.ix)("var(--ds-surface-overlay, ".concat(_colors.N0, ")"))
164
- }
159
+ className: (0, _runtime.ax)(["_2rkofajl _ca0qv77o _n3tdv77o _19bvv77o _u5f3v77o _16qs130s _bfhk1bhr"])
165
160
  }, /*#__PURE__*/_react.default.createElement(_datePickerInput.default, {
166
161
  date: date,
167
162
  onNewDate: _this2.handleNewDate,
@@ -3,7 +3,6 @@ import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
3
3
  import { browser, timestampToString } from '@atlaskit/editor-common/utils';
4
4
  import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
5
5
  import { fg } from '@atlaskit/platform-feature-flags';
6
- import { N30A, N800 } from '@atlaskit/theme/colors';
7
6
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
8
7
  import { getDateInformation } from './utils';
9
8
  let intlRef;
@@ -22,8 +21,8 @@ export const dateNodeSpec = node => {
22
21
  const attrs = {
23
22
  style: convertToInlineCss({
24
23
  // Taken from @atlaskit/date Component
25
- backgroundColor: `var(--ds-background-neutral, ${N30A})`,
26
- color: `var(--ds-text, ${N800})`,
24
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
25
+ color: "var(--ds-text, #292A2E)",
27
26
  borderRadius: "var(--ds-radius-small, 4px)",
28
27
  padding: `${"var(--ds-space-025, 2px)"} ${"var(--ds-space-050, 4px)"}`,
29
28
  margin: '0 1px'
@@ -1,5 +1,5 @@
1
1
 
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qsreen{box-shadow:var(--ds-shadow-overlay,0 4px 8px -2px rgba(9,30,66,.31),0 0 1px rgba(9,30,66,.31))}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
4
4
  ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
5
5
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
@@ -10,7 +10,6 @@ import { dateMessages as messages } from '@atlaskit/editor-common/messages';
10
10
  import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
11
11
  import { timestampToIsoFormat, timestampToUTCDate } from '@atlaskit/editor-common/utils';
12
12
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
13
- import { N0, N60A } from '@atlaskit/theme/colors';
14
13
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
15
14
  import VisuallyHidden from '@atlaskit/visually-hidden';
16
15
  const PopupWithListeners = withOuterListeners(Popup);
@@ -142,7 +141,7 @@ class DatePicker extends React.Component {
142
141
  role: "alert"
143
142
  }, intl.formatMessage(messages.datePickerOpenedAlert)), /*#__PURE__*/React.createElement(PlainOutsideClickTargetRefContext.Consumer, null, setOutsideClickTargetRef => /*#__PURE__*/React.createElement("div", {
144
143
  ref: setOutsideClickTargetRef,
145
- className: ax(["_2rkofajl _ca0qv77o _n3tdv77o _19bvv77o _u5f3v77o _16qsreen _bfhk1bhr"])
144
+ className: ax(["_2rkofajl _ca0qv77o _n3tdv77o _19bvv77o _u5f3v77o _16qs130s _bfhk1bhr"])
146
145
  }, /*#__PURE__*/React.createElement(DatePickerInput, {
147
146
  date: date,
148
147
  onNewDate: this.handleNewDate,
@@ -6,7 +6,6 @@ import { convertToInlineCss } from '@atlaskit/editor-common/lazy-node-view';
6
6
  import { browser, timestampToString } from '@atlaskit/editor-common/utils';
7
7
  import { ZERO_WIDTH_SPACE } from '@atlaskit/editor-common/whitespace';
8
8
  import { fg } from '@atlaskit/platform-feature-flags';
9
- import { N30A, N800 } from '@atlaskit/theme/colors';
10
9
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
11
10
  import { getDateInformation } from './utils';
12
11
  var intlRef;
@@ -25,8 +24,8 @@ export var dateNodeSpec = function dateNodeSpec(node) {
25
24
  var attrs = {
26
25
  style: convertToInlineCss({
27
26
  // Taken from @atlaskit/date Component
28
- backgroundColor: "var(--ds-background-neutral, ".concat(N30A, ")"),
29
- color: "var(--ds-text, ".concat(N800, ")"),
27
+ backgroundColor: "var(--ds-background-neutral, #0515240F)",
28
+ color: "var(--ds-text, #292A2E)",
30
29
  borderRadius: "var(--ds-radius-small, 4px)",
31
30
  padding: "var(--ds-space-025, 2px)".concat(" ", "var(--ds-space-050, 4px)"),
32
31
  margin: '0 1px'
@@ -1,7 +1,7 @@
1
1
 
2
- ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qskkzs{box-shadow:var(--_es7za0)}
2
+ ._2rkofajl{border-radius:var(--ds-radius-small,3px)}._16qs130s{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #1e1f2126,0 0 1px #1e1f214f)}
3
3
  ._19bvv77o{padding-left:var(--ds-space-025,2px)}
4
- ._bfhk13b4{background-color:var(--_1f6rtr1)}
4
+ ._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
5
5
  ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
6
6
  ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
7
7
  ._u5f3v77o{padding-right:var(--ds-space-025,2px)}
@@ -17,7 +17,6 @@ import { dateMessages as messages } from '@atlaskit/editor-common/messages';
17
17
  import { PlainOutsideClickTargetRefContext, Popup, withOuterListeners } from '@atlaskit/editor-common/ui';
18
18
  import { timestampToIsoFormat, timestampToUTCDate } from '@atlaskit/editor-common/utils';
19
19
  import { akEditorFloatingDialogZIndex } from '@atlaskit/editor-shared-styles';
20
- import { N0, N60A } from '@atlaskit/theme/colors';
21
20
  import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
22
21
  import VisuallyHidden from '@atlaskit/visually-hidden';
23
22
  var PopupWithListeners = withOuterListeners(Popup);
@@ -151,11 +150,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
151
150
  }, intl.formatMessage(messages.datePickerOpenedAlert)), /*#__PURE__*/React.createElement(PlainOutsideClickTargetRefContext.Consumer, null, function (setOutsideClickTargetRef) {
152
151
  return /*#__PURE__*/React.createElement("div", {
153
152
  ref: setOutsideClickTargetRef,
154
- className: ax(["_2rkofajl _ca0qv77o _n3tdv77o _19bvv77o _u5f3v77o _16qskkzs _bfhk13b4"]),
155
- style: {
156
- "--_es7za0": ix("var(--ds-shadow-overlay, ".concat("0 4px 8px -2px ".concat(N60A, ", 0 0 1px ").concat(N60A), ")")),
157
- "--_1f6rtr1": ix("var(--ds-surface-overlay, ".concat(N0, ")"))
158
- }
153
+ className: ax(["_2rkofajl _ca0qv77o _n3tdv77o _19bvv77o _u5f3v77o _16qs130s _bfhk1bhr"])
159
154
  }, /*#__PURE__*/React.createElement(DatePickerInput, {
160
155
  date: date,
161
156
  onNewDate: _this2.handleNewDate,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-plugin-date",
3
- "version": "10.0.12",
3
+ "version": "10.0.14",
4
4
  "description": "Date plugin for @atlaskit/editor-core",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -38,14 +38,13 @@
38
38
  "@atlaskit/editor-plugin-editor-viewmode": "^10.0.0",
39
39
  "@atlaskit/editor-prosemirror": "^7.3.0",
40
40
  "@atlaskit/editor-shared-styles": "^3.10.0",
41
- "@atlaskit/form": "^15.4.0",
42
- "@atlaskit/icon": "^33.0.0",
41
+ "@atlaskit/form": "^15.5.0",
42
+ "@atlaskit/icon": "^33.1.0",
43
43
  "@atlaskit/locale": "^3.0.0",
44
44
  "@atlaskit/platform-feature-flags": "^1.1.0",
45
45
  "@atlaskit/textfield": "^8.2.0",
46
- "@atlaskit/theme": "^22.0.0",
47
- "@atlaskit/tmp-editor-statsig": "^45.0.0",
48
- "@atlaskit/tokens": "^11.1.0",
46
+ "@atlaskit/tmp-editor-statsig": "^46.1.0",
47
+ "@atlaskit/tokens": "^11.2.0",
49
48
  "@atlaskit/visually-hidden": "^3.0.0",
50
49
  "@babel/runtime": "^7.0.0",
51
50
  "bind-event-listener": "^3.0.0",
@@ -57,7 +56,7 @@
57
56
  "@testing-library/react": "^16.3.0"
58
57
  },
59
58
  "peerDependencies": {
60
- "@atlaskit/editor-common": "^112.8.0",
59
+ "@atlaskit/editor-common": "^112.10.0",
61
60
  "react": "^18.2.0",
62
61
  "react-dom": "^18.2.0"
63
62
  },