@atlaskit/calendar 12.1.9 → 12.1.10

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/calendar
 
+## 12.1.10
+
+### Patch Changes
+
+- [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
+- Updated dependencies
+
 ## 12.1.9
 
 ### Patch Changes

package/dist/cjs/calendar.js

@@ -83,7 +83,7 @@ var gridsContainerStyles = (0, _core.css)({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "12.1.9"
+  packageVersion: "12.1.10"
 };
 var CalendarWithMode = /*#__PURE__*/(0, _react.forwardRef)(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/cjs/internal/styles/date.js

@@ -13,20 +13,20 @@ var textColor = {
 };
 var textColorMedium = "var(--ds-text-subtle, ".concat(_colors.N600, ")");
 var todayColor = {
-  light: "var(--ds-text-brand, ".concat(_colors.B400, ")"),
-  dark: "var(--ds-text-brand, ".concat(_colors.B100, ")")
+  light: "var(--ds-text-selected, ".concat(_colors.B400, ")"),
+  dark: "var(--ds-text-selected, ".concat(_colors.B100, ")")
 };
 var hoverBackground = {
   light: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N30, ")"),
   dark: "var(--ds-background-neutral-subtle-hovered, ".concat(_colors.N800, ")")
 };
 var textSelected = {
-  light: "var(--ds-text-brand, ".concat(_colors.N0, ")"),
-  dark: "var(--ds-text-brand, ".concat(_colors.N700, ")")
+  light: "var(--ds-text-selected, ".concat(_colors.N0, ")"),
+  dark: "var(--ds-text-selected, ".concat(_colors.N700, ")")
 };
 var selectedBackground = {
-  light: "var(--ds-background-brand, ".concat(_colors.N500, ")"),
-  dark: "var(--ds-background-brand, ".concat(_colors.N0, ")")
+  light: "var(--ds-background-selected, ".concat(_colors.N500, ")"),
+  dark: "var(--ds-background-selected, ".concat(_colors.N0, ")")
 };
 var borderColorFocused = {
   light: "var(--ds-border-focused, ".concat(_colors.B100, ")"),
@@ -65,7 +65,7 @@ var dateCellStyles = function dateCellStyles() {
       }
     },
     '&[data-prev-selected]': {
-      backgroundColor: "var(--ds-background-brand, ".concat(_colors.B50, ")"),
+      backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")"),
       color: "var(--ds-text-subtle, ".concat(_colors.N600, ")")
     },
     '&[data-selected]': {
@@ -91,7 +91,7 @@ var dateCellStyles = function dateCellStyles() {
       color: textColorMedium
     },
     '&[data-prev-selected]:hover': {
-      backgroundColor: "var(--ds-background-brand, ".concat(_colors.B50, ")"),
+      backgroundColor: "var(--ds-background-selected, ".concat(_colors.B50, ")"),
       color: textColorMedium
     },
     '&[data-sibling]:hover': {

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "12.1.9",
+	"version": "12.1.10",
 	"sideEffects": false
 }

package/dist/es2019/calendar.js

@@ -48,7 +48,7 @@ const gridsContainerStyles = css({
 const analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "12.1.9"
+  packageVersion: "12.1.10"
 };
 const CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar({
   day,

package/dist/es2019/internal/styles/date.js

@@ -5,20 +5,20 @@ const textColor = {
 };
 const textColorMedium = `var(--ds-text-subtle, ${N600})`;
 const todayColor = {
-  light: `var(--ds-text-brand, ${B400})`,
-  dark: `var(--ds-text-brand, ${B100})`
+  light: `var(--ds-text-selected, ${B400})`,
+  dark: `var(--ds-text-selected, ${B100})`
 };
 const hoverBackground = {
   light: `var(--ds-background-neutral-subtle-hovered, ${N30})`,
   dark: `var(--ds-background-neutral-subtle-hovered, ${N800})`
 };
 const textSelected = {
-  light: `var(--ds-text-brand, ${N0})`,
-  dark: `var(--ds-text-brand, ${N700})`
+  light: `var(--ds-text-selected, ${N0})`,
+  dark: `var(--ds-text-selected, ${N700})`
 };
 const selectedBackground = {
-  light: `var(--ds-background-brand, ${N500})`,
-  dark: `var(--ds-background-brand, ${N0})`
+  light: `var(--ds-background-selected, ${N500})`,
+  dark: `var(--ds-background-selected, ${N0})`
 };
 const borderColorFocused = {
   light: `var(--ds-border-focused, ${B100})`,
@@ -54,7 +54,7 @@ export const dateCellStyles = (mode = 'light') => ({
     }
   },
   '&[data-prev-selected]': {
-    backgroundColor: `var(--ds-background-brand, ${B50})`,
+    backgroundColor: `var(--ds-background-selected, ${B50})`,
     color: `var(--ds-text-subtle, ${N600})`
   },
   '&[data-selected]': {
@@ -80,7 +80,7 @@ export const dateCellStyles = (mode = 'light') => ({
     color: textColorMedium
   },
   '&[data-prev-selected]:hover': {
-    backgroundColor: `var(--ds-background-brand, ${B50})`,
+    backgroundColor: `var(--ds-background-selected, ${B50})`,
     color: textColorMedium
   },
   '&[data-sibling]:hover': {

package/dist/es2019/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "12.1.9",
+	"version": "12.1.10",
 	"sideEffects": false
 }

package/dist/esm/calendar.js

@@ -54,7 +54,7 @@ var gridsContainerStyles = css({
 var analyticsAttributes = {
   componentName: 'calendar',
   packageName: "@atlaskit/calendar",
-  packageVersion: "12.1.9"
+  packageVersion: "12.1.10"
 };
 var CalendarWithMode = /*#__PURE__*/forwardRef(function Calendar(_ref, ref) {
   var day = _ref.day,

package/dist/esm/internal/styles/date.js

@@ -5,20 +5,20 @@ var textColor = {
 };
 var textColorMedium = "var(--ds-text-subtle, ".concat(N600, ")");
 var todayColor = {
-  light: "var(--ds-text-brand, ".concat(B400, ")"),
-  dark: "var(--ds-text-brand, ".concat(B100, ")")
+  light: "var(--ds-text-selected, ".concat(B400, ")"),
+  dark: "var(--ds-text-selected, ".concat(B100, ")")
 };
 var hoverBackground = {
   light: "var(--ds-background-neutral-subtle-hovered, ".concat(N30, ")"),
   dark: "var(--ds-background-neutral-subtle-hovered, ".concat(N800, ")")
 };
 var textSelected = {
-  light: "var(--ds-text-brand, ".concat(N0, ")"),
-  dark: "var(--ds-text-brand, ".concat(N700, ")")
+  light: "var(--ds-text-selected, ".concat(N0, ")"),
+  dark: "var(--ds-text-selected, ".concat(N700, ")")
 };
 var selectedBackground = {
-  light: "var(--ds-background-brand, ".concat(N500, ")"),
-  dark: "var(--ds-background-brand, ".concat(N0, ")")
+  light: "var(--ds-background-selected, ".concat(N500, ")"),
+  dark: "var(--ds-background-selected, ".concat(N0, ")")
 };
 var borderColorFocused = {
   light: "var(--ds-border-focused, ".concat(B100, ")"),
@@ -56,7 +56,7 @@ export var dateCellStyles = function dateCellStyles() {
       }
     },
     '&[data-prev-selected]': {
-      backgroundColor: "var(--ds-background-brand, ".concat(B50, ")"),
+      backgroundColor: "var(--ds-background-selected, ".concat(B50, ")"),
       color: "var(--ds-text-subtle, ".concat(N600, ")")
     },
     '&[data-selected]': {
@@ -82,7 +82,7 @@ export var dateCellStyles = function dateCellStyles() {
       color: textColorMedium
     },
     '&[data-prev-selected]:hover': {
-      backgroundColor: "var(--ds-background-brand, ".concat(B50, ")"),
+      backgroundColor: "var(--ds-background-selected, ".concat(B50, ")"),
       color: textColorMedium
     },
     '&[data-sibling]:hover': {

package/dist/esm/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/calendar",
-	"version": "12.1.9",
+	"version": "12.1.10",
 	"sideEffects": false
 }

package/dist/types/types.d.ts

@@ -56,8 +56,9 @@ export interface CalendarProps extends WithAnalyticsEventsProps {
     today?: string;
     /** Year to display the calendar for. */
     year?: number;
+    /** BCP 47 language tag (e.g. ja-JP) that ensures dates are in the official format for the locale. */
     locale?: string;
-    /** Additional information to be included in the `context` of analytics events */
+    /** Additional information to be included in the `context` of analytics events. */
     analyticsContext?: Record<string, any>;
     /**
      * Start day of the week for the calendar.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@atlaskit/calendar",
-  "version": "12.1.9",
-  "description": "A React component for displaying a calendar.",
+  "version": "12.1.10",
+  "description": "An interactive calendar for date selection experiences.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },
@@ -28,7 +28,7 @@
     "@atlaskit/icon": "^21.10.0",
     "@atlaskit/locale": "^2.3.0",
     "@atlaskit/theme": "^12.1.0",
-    "@atlaskit/tokens": "^0.7.0",
+    "@atlaskit/tokens": "^0.8.0",
     "@atlaskit/visually-hidden": "^1.0.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/core": "^10.0.9",
@@ -74,5 +74,6 @@
     "./types": "./src/entry-points/types.ts",
     ".": "./src/index.ts"
   },
+  "homepage": "https://atlassian.design/components/calendar/",
   "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
 }