@atlaskit/editor-core 187.31.1 → 187.31.3

package/dist/esm/ui/ConfigPanel/Fields/ColorPicker.js

@@ -7,7 +7,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import { jsx, css } from '@emotion/react';
 import { Fragment } from 'react';
 import { Field } from '@atlaskit/form';
-import { hexToEditorTableChartsPaletteColor } from '@atlaskit/editor-palette';
 import { DEFAULT_BORDER_COLOR } from '../../../ui/ColorPalette/Palettes/common';
 import { validate as _validate } from '../utils';
 import { requiredIndicator } from './common/RequiredIndicator';
@@ -25,105 +24,105 @@ import { chartsColorPaletteTooltipMessages } from '../../../ui/ColorPalette';
 
 export var colorPalette = [{
   label: 'Light Blue',
-  value: '#7AB2FFFF'
+  value: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
 },
 // 400
 {
   label: 'Light Green',
-  value: '#6BE1B0FF'
+  value: "var(--ds-background-accent-green-subtle, #6BE1B0)"
 },
 // 400
 {
   label: 'Light Yellow',
-  value: '#FFDB57FF'
+  value: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
 },
 // 400
 {
   label: 'Light Red',
-  value: '#FF8F73FF'
+  value: "var(--ds-background-accent-red-subtle, #FF8F73)"
 },
 // 400
 {
   label: 'Light Purple',
-  value: '#B5A7FBFF'
+  value: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
 },
 // 400
 
 {
   label: 'Blue',
-  value: '#247FFFFF'
+  value: "var(--ds-chart-blue-bold, #247FFF)"
 },
 // 600
 {
   label: 'Green',
-  value: '#23A971FF'
+  value: "var(--ds-chart-green-bold, #23A971)"
 },
 // 600
 {
   label: 'Yellow',
-  value: '#FFBE33FF'
+  value: "var(--ds-chart-yellow-bold, #FFBE33)"
 },
 // 600
 {
   label: 'Red',
-  value: '#FC552CFF'
+  value: "var(--ds-chart-red-bold, #FC552C)"
 },
 // 600
 {
   label: 'Purple',
-  value: '#8B77EEFF'
+  value: "var(--ds-chart-purple-bold, #8B77EE)"
 },
 // 600
 
 {
   label: 'Dark Blue',
-  value: '#0055CCFF'
+  value: "var(--ds-chart-blue-bolder, #0055CC)"
 },
 // 800
 {
   label: 'Dark Green',
-  value: '#177D52FF'
+  value: "var(--ds-chart-green-bolder, #177D52)"
 },
 // 800
 {
   label: 'Dark Yellow',
-  value: '#FF9D00FF'
+  value: "var(--ds-chart-yellow-bolder, #FF9D00)"
 },
 // 800
 {
   label: 'Dark Red',
-  value: '#D32D03FF'
+  value: "var(--ds-chart-red-bolder, #D32D03)"
 },
 // 800
 {
   label: 'Dark Purple',
-  value: '#5A43D0FF'
+  value: "var(--ds-chart-purple-bolder, #5A43D0)"
 },
 // 800
 
 {
   label: 'Darker Blue',
-  value: '#003884FF'
+  value: "var(--ds-chart-blue-boldest, #003884)"
 },
 // 1000
 {
   label: 'Darker Green',
-  value: '#055C3FFF'
+  value: "var(--ds-chart-green-boldest, #055C3F)"
 },
 // 1000
 {
   label: 'Darker Yellow',
-  value: '#946104FF'
+  value: "var(--ds-chart-yellow-boldest, #946104)"
 },
 // 1000
 {
   label: 'Darker Red',
-  value: '#A32000FF'
+  value: "var(--ds-chart-red-boldest, #A32000)"
 },
 // 1000
 {
   label: 'Darker Purple',
-  value: '#44368BFF'
+  value: "var(--ds-chart-purple-boldest, #44368B)"
 } // 1000
 ].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
@@ -137,185 +136,185 @@ export var colorPalette = [{
  */
 export var extendedColorPalette = [{
   label: 'Darker Blue',
-  value: '#003884'
+  value: "var(--ds-chart-blue-boldest, #003884)"
 },
 // 1000
 {
   label: 'Darker Teal',
-  value: '#206B74'
+  value: "var(--ds-chart-teal-boldest, #206B74)"
 },
 // 1000
 {
   label: 'Darker Green',
-  value: '#055C3F'
+  value: "var(--ds-chart-green-boldest, #055C3F)"
 },
 // 1000
 {
   label: 'Darker Yellow',
-  value: '#946104'
+  value: "var(--ds-chart-yellow-boldest, #946104)"
 },
 // 1000
 {
   label: 'Darker Orange',
-  value: '#974F0C'
+  value: "var(--ds-chart-orange-boldest, #974F0C)"
 },
 // 1000
 {
   label: 'Darker Red',
-  value: '#A32000'
+  value: "var(--ds-chart-red-boldest, #A32000)"
 },
 // 1000
 {
   label: 'Darker Magenta',
-  value: '#943D73'
+  value: "var(--ds-chart-magenta-boldest, #943D73)"
 },
 // 1000
 {
   label: 'Darker Purple',
-  value: '#44368B'
+  value: "var(--ds-chart-purple-boldest, #44368B)"
 },
 // 1000
 {
   label: 'Darker Gray',
-  value: '#44546F'
+  value: "var(--ds-chart-gray-boldest, #44546F)"
 },
 // 1000
 
 {
   label: 'Dark Blue',
-  value: '#0055CC'
+  value: "var(--ds-chart-blue-bolder, #0055CC)"
 },
 // 800
 {
   label: 'Dark Teal',
-  value: '#1D7F8C'
+  value: "var(--ds-chart-teal-bolder, #1D7F8C)"
 },
 // 800
 {
   label: 'Dark Green',
-  value: '#177D52'
+  value: "var(--ds-chart-green-bolder, #177D52)"
 },
 // 800
 {
   label: 'Dark Yellow',
-  value: '#FF9D00'
+  value: "var(--ds-chart-yellow-bolder, #FF9D00)"
 },
 // 800
 {
   label: 'Dark Orange',
-  value: '#B65C02'
+  value: "var(--ds-chart-orange-bolder, #B65C02)"
 },
 // 800
 {
   label: 'Dark Red',
-  value: '#D32D03'
+  value: "var(--ds-chart-red-bolder, #D32D03)"
 },
 // 800
 {
   label: 'Dark Magenta',
-  value: '#CD519D'
+  value: "var(--ds-chart-magenta-bolder, #CD519D)"
 },
 // 800
 {
   label: 'Dark Purple',
-  value: '#5A43D0'
+  value: "var(--ds-chart-purple-bolder, #5A43D0)"
 },
 // 800
 {
   label: 'Dark Gray',
-  value: '#758195'
+  value: "var(--ds-chart-gray-bolder, #758195)"
 },
 // 800
 
 {
   label: 'Blue',
-  value: '#247FFF'
+  value: "var(--ds-chart-blue-bold, #247FFF)"
 },
 // 600
 {
   label: 'Teal',
-  value: '#1D9AAA'
+  value: "var(--ds-chart-teal-bold, #1D9AAA)"
 },
 // 600
 {
   label: 'Green',
-  value: '#23A971'
+  value: "var(--ds-chart-green-bold, #23A971)"
 },
 // 600
 {
   label: 'Yellow',
-  value: '#FFBE33'
+  value: "var(--ds-chart-yellow-bold, #FFBE33)"
 },
 // 600
 {
   label: 'Orange',
-  value: '#D97008'
+  value: "var(--ds-chart-orange-bold, #D97008)"
 },
 // 600
 {
   label: 'Red',
-  value: '#FC552C'
+  value: "var(--ds-chart-red-bold, #FC552C)"
 },
 // 600
 {
   label: 'Magenta',
-  value: '#DA62AC'
+  value: "var(--ds-chart-magenta-bold, #DA62AC)"
 },
 // 600
 {
   label: 'Purple',
-  value: '#8B77EE'
+  value: "var(--ds-chart-purple-bold, #8B77EE)"
 },
 // 600
 {
   label: 'Gray',
-  value: '#8590A2'
+  value: "var(--ds-chart-gray-bold, #8590A2)"
 },
 // 600
 
 {
   label: 'Light Blue',
-  value: '#7AB2FF'
+  value: "var(--ds-background-accent-blue-subtle, #7AB2FF)"
 },
 // 400
 {
   label: 'Light Teal',
-  value: '#60C6D2'
+  value: "var(--ds-background-accent-teal-subtle, #60C6D2)"
 },
 // 400
 {
   label: 'Light Green',
-  value: '#6BE1B0'
+  value: "var(--ds-background-accent-green-subtle, #6BE1B0)"
 },
 // 400
 {
   label: 'Light Yellow',
-  value: '#FFDB57'
+  value: "var(--ds-background-accent-yellow-subtle, #FFDB57)"
 },
 // 400
 {
   label: 'Light Orange',
-  value: '#FAA53D'
+  value: "var(--ds-background-accent-orange-subtle, #FAA53D)"
 },
 // 400
 {
   label: 'Light Red',
-  value: '#FF8F73'
+  value: "var(--ds-background-accent-red-subtle, #FF8F73)"
 },
 // 400
 {
   label: 'Light Magenta',
-  value: '#E774BB'
+  value: "var(--ds-background-accent-magenta-subtle, #E774BB)"
 },
 // 400
 {
   label: 'Light Purple',
-  value: '#B5A7FB'
+  value: "var(--ds-background-accent-purple-subtle, #B5A7FB)"
 },
 // 400
 {
   label: 'Light Gray',
-  value: '#8993A5'
+  value: "var(--ds-background-accent-gray-subtle, #8993A5)"
 } // 400
 ].map(function (color) {
   return _objectSpread(_objectSpread({}, color), {}, {
@@ -345,16 +344,10 @@ var ColorPicker = function ColorPicker(props) {
     useSomewhatSemanticTextColorNames = _ref.useSomewhatSemanticTextColorNames,
     expandedChartColors = _ref.expandedChartColors;
   return expandedChartColors ? jsx(ColorPickerButton, {
-    title: title
-    // Original color palette had hex code with alpha channel.
-    // However, alpha channel was always FF, and it was not used
-    // Expanded color palette does not have alpha channel, so
-    //  removing last two characters from hex code with alpha here.
-    ,
-    currentColor: currentColor.substring(0, 7),
+    title: title,
+    currentColor: currentColor,
     onChange: onColorChange,
     colorPalette: extendedColorPalette,
-    hexToPaletteColor: hexToEditorTableChartsPaletteColor,
     paletteColorTooltipMessages: chartsColorPaletteTooltipMessages
     // We did not want to create new FF or update
     //  useSomewhatSemanticTextColorNames name

package/dist/esm/version-wrapper.js

@@ -1,5 +1,5 @@
 export var name = "@atlaskit/editor-core";
-export var version = "187.31.1";
+export var version = "187.31.3";
 export var nextMajorVersion = function nextMajorVersion() {
   return [Number(version.split('.')[0]) + 1, 0, 0].join('.');
 };

package/dist/types/ui/ConfigPanel/Fields/ColorPicker.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { ColorField } from '@atlaskit/editor-common/extensions';
-import { FeatureFlags } from '@atlaskit/editor-common/types';
-import { PaletteColor } from '../../../ui/ColorPalette/Palettes';
-import { OnFieldChange } from '../types';
+import type { ColorField } from '@atlaskit/editor-common/extensions';
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { PaletteColor } from '../../../ui/ColorPalette/Palettes';
+import type { OnFieldChange } from '../types';
 export declare const colorPalette: PaletteColor[];
 /**
  * Extended chart colors.

package/dist/types-ts4.5/ui/ConfigPanel/Fields/ColorPicker.d.ts

@@ -1,9 +1,9 @@
 /** @jsx jsx */
 import { jsx } from '@emotion/react';
-import { ColorField } from '@atlaskit/editor-common/extensions';
-import { FeatureFlags } from '@atlaskit/editor-common/types';
-import { PaletteColor } from '../../../ui/ColorPalette/Palettes';
-import { OnFieldChange } from '../types';
+import type { ColorField } from '@atlaskit/editor-common/extensions';
+import type { FeatureFlags } from '@atlaskit/editor-common/types';
+import type { PaletteColor } from '../../../ui/ColorPalette/Palettes';
+import type { OnFieldChange } from '../types';
 export declare const colorPalette: PaletteColor[];
 /**
  * Extended chart colors.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-core",
-  "version": "187.31.1",
+  "version": "187.31.3",
   "description": "A package contains Atlassian editor core functionality",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -54,7 +54,7 @@
     "@atlaskit/checkbox": "^12.6.0",
     "@atlaskit/code": "^14.6.0",
     "@atlaskit/date": "^0.10.0",
-    "@atlaskit/datetime-picker": "^12.7.0",
+    "@atlaskit/datetime-picker": "^12.8.0",
     "@atlaskit/editor-common": "^74.52.0",
     "@atlaskit/editor-json-transformer": "^8.10.0",
     "@atlaskit/editor-markdown-transformer": "^5.2.5",
@@ -268,4 +268,4 @@
       "type": "boolean"
     }
   }
-}
+}