@atlaskit/calendar 12.1.11 → 12.1.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,24 @@
1
1
  # @atlaskit/calendar
2
2
 
3
+ ## 12.1.14
4
+
5
+ ### Patch Changes
6
+
7
+ - [`c8c7eec9fb8`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c8c7eec9fb8) - [ux] Updates tokens used for selected hovered state
8
+
9
+ ## 12.1.13
10
+
11
+ ### Patch Changes
12
+
13
+ - Updated dependencies
14
+
15
+ ## 12.1.12
16
+
17
+ ### Patch Changes
18
+
19
+ - [`cb2392f6d33`](https://bitbucket.org/atlassian/atlassian-frontend/commits/cb2392f6d33) - Upgrade to TypeScript 4.2.4
20
+ - Updated dependencies
21
+
3
22
  ## 12.1.11
4
23
 
5
24
  ### Patch Changes
@@ -83,7 +83,7 @@ var gridsContainerStyles = (0, _core.css)({
83
83
  var analyticsAttributes = {
84
84
  componentName: 'calendar',
85
85
  packageName: "@atlaskit/calendar",
86
- packageVersion: "12.1.11"
86
+ packageVersion: "12.1.14"
87
87
  };
88
88
  var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
89
89
  var day = _ref.day,
@@ -88,10 +88,10 @@ var dateCellStyles = function dateCellStyles() {
88
88
  color: textColor[mode]
89
89
  },
90
90
  '&[data-selected]:hover': {
91
- color: textColorMedium
91
+ backgroundColor: "var(--ds-background-selected-hovered, ".concat(_colors.B50, ")"),
92
+ color: "var(--ds-text-selected, ".concat(_colors.N600, ")")
92
93
  },
93
94
  '&[data-prev-selected]:hover': {
94
- backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")"),
95
95
  color: textColorMedium
96
96
  },
97
97
  '&[data-sibling]:hover': {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "12.1.11",
3
+ "version": "12.1.14",
4
4
  "sideEffects": false
5
5
  }
@@ -48,7 +48,7 @@ const gridsContainerStyles = css({
48
48
  const analyticsAttributes = {
49
49
  componentName: 'calendar',
50
50
  packageName: "@atlaskit/calendar",
51
- packageVersion: "12.1.11"
51
+ packageVersion: "12.1.14"
52
52
  };
53
53
  const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
54
54
  day,
@@ -77,10 +77,10 @@ export const dateCellStyles = (mode = 'light') => ({
77
77
  color: textColor[mode]
78
78
  },
79
79
  '&[data-selected]:hover': {
80
- color: textColorMedium
80
+ backgroundColor: `var(--ds-background-selected-hovered, ${B50})`,
81
+ color: `var(--ds-text-selected, ${N600})`
81
82
  },
82
83
  '&[data-prev-selected]:hover': {
83
- backgroundColor: `var(--ds-background-selected, ${B50})`,
84
84
  color: textColorMedium
85
85
  },
86
86
  '&[data-sibling]:hover': {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "12.1.11",
3
+ "version": "12.1.14",
4
4
  "sideEffects": false
5
5
  }
@@ -54,7 +54,7 @@ var gridsContainerStyles = css({
54
54
  var analyticsAttributes = {
55
55
  componentName: 'calendar',
56
56
  packageName: "@atlaskit/calendar",
57
- packageVersion: "12.1.11"
57
+ packageVersion: "12.1.14"
58
58
  };
59
59
  var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
60
60
  var day = _ref.day,
@@ -79,10 +79,10 @@ export var dateCellStyles = function dateCellStyles() {
79
79
  color: textColor[mode]
80
80
  },
81
81
  '&[data-selected]:hover': {
82
- color: textColorMedium
82
+ backgroundColor: "var(--ds-background-selected-hovered, ".concat(B50, ")"),
83
+ color: "var(--ds-text-selected, ".concat(N600, ")")
83
84
  },
84
85
  '&[data-prev-selected]:hover': {
85
- backgroundColor: "var(--ds-background-selected, ".concat(B50, ")"),
86
86
  color: textColorMedium
87
87
  },
88
88
  '&[data-sibling]:hover': {
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "12.1.11",
3
+ "version": "12.1.14",
4
4
  "sideEffects": false
5
5
  }
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  import type { CalendarProps } from './types';
3
- declare const Calendar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<CalendarProps, "year" | "mode" | "testId" | "style" | "selected" | "className" | "onFocus" | "onBlur" | "onChange" | "onSelect" | "analyticsContext" | "day" | "month" | "defaultDay" | "defaultMonth" | "defaultYear" | "today" | "defaultSelected" | "previouslySelected" | "defaultPreviouslySelected" | "weekStartDay" | "disabled" | "disabledDateFilter" | "minDate" | "maxDate" | "locale" | "calendarRef" | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLDivElement>>>;
3
+ declare const Calendar: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<Pick<CalendarProps, "year" | "mode" | "testId" | "style" | "disabled" | "selected" | "className" | "onFocus" | "onBlur" | "onChange" | "onSelect" | "analyticsContext" | "day" | "month" | "defaultDay" | "defaultMonth" | "defaultYear" | "today" | "defaultSelected" | "previouslySelected" | "defaultPreviouslySelected" | "weekStartDay" | "disabledDateFilter" | "minDate" | "maxDate" | "locale" | "calendarRef" | "createAnalyticsEvent"> & import("react").RefAttributes<HTMLDivElement>>>;
4
4
  export default Calendar;
package/package.json CHANGED
@@ -1,11 +1,11 @@
1
1
  {
2
2
  "name": "@atlaskit/calendar",
3
- "version": "12.1.11",
3
+ "version": "12.1.14",
4
4
  "description": "An interactive calendar for date selection experiences.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
7
7
  },
8
- "repository": "https://bitbucket.org/atlassian/atlassian-frontend",
8
+ "repository": "https://bitbucket.org/atlassian/atlassian-frontend-mirror",
9
9
  "author": "Atlassian Pty Ltd",
10
10
  "license": "Apache-2.0",
11
11
  "main": "dist/cjs/index.js",
@@ -23,12 +23,12 @@
23
23
  },
24
24
  "dependencies": {
25
25
  "@atlaskit/analytics-next": "^8.2.0",
26
- "@atlaskit/button": "^16.2.0",
26
+ "@atlaskit/button": "^16.3.0",
27
27
  "@atlaskit/ds-lib": "^1.4.0",
28
28
  "@atlaskit/icon": "^21.10.0",
29
29
  "@atlaskit/locale": "^2.3.0",
30
30
  "@atlaskit/theme": "^12.1.0",
31
- "@atlaskit/tokens": "^0.9.0",
31
+ "@atlaskit/tokens": "^0.10.0",
32
32
  "@atlaskit/visually-hidden": "^1.0.0",
33
33
  "@babel/runtime": "^7.0.0",
34
34
  "@emotion/core": "^10.0.9",
@@ -40,7 +40,7 @@
40
40
  },
41
41
  "devDependencies": {
42
42
  "@atlaskit/docs": "*",
43
- "@atlaskit/select": "^15.0.0",
43
+ "@atlaskit/select": "^15.3.0",
44
44
  "@atlaskit/ssr": "*",
45
45
  "@atlaskit/visual-regression": "*",
46
46
  "@atlaskit/webdriver-runner": "*",
@@ -52,7 +52,7 @@
52
52
  "react-dom": "^16.8.0",
53
53
  "react-test-renderer": "^16.8.0",
54
54
  "storybook-addon-performance": "^0.16.0",
55
- "typescript": "3.9.10",
55
+ "typescript": "4.2.4",
56
56
  "wait-for-expect": "^1.2.0"
57
57
  },
58
58
  "techstack": {
@@ -3,5 +3,6 @@
3
3
  "main": "../dist/cjs/entry-points/types.js",
4
4
  "module": "../dist/esm/entry-points/types.js",
5
5
  "module:es2019": "../dist/es2019/entry-points/types.js",
6
+ "sideEffects": false,
6
7
  "types": "../dist/types/entry-points/types.d.ts"
7
8
  }