@atlaskit/editor-palette 1.5.1 → 1.5.2

package/CHANGELOG.md

@@ -1,46 +1,52 @@
 # @atlaskit/editor-palette
 
+## 1.5.2
+
+### Patch Changes
+
+- [#42995](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/42995) [`a527682dee6`](https://bitbucket.org/atlassian/atlassian-frontend/commits/a527682dee6) - add in missing dependencies for imported types
+
 ## 1.5.1
 
 ### Patch Changes
 
-- [`c5a5b4ec141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5a5b4ec141) - Reverted back the changes done as part of UTEST-643
+- [#35804](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35804) [`c5a5b4ec141`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c5a5b4ec141) - Reverted back the changes done as part of UTEST-643
 
 ## 1.5.0
 
 ### Minor Changes
 
-- [`f22911fb9be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f22911fb9be) - ENGHEALTH-2667: Adjust table cell color logic to enable static analysis of token usages and follow eslint rules
+- [#34036](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/34036) [`f22911fb9be`](https://bitbucket.org/atlassian/atlassian-frontend/commits/f22911fb9be) - ENGHEALTH-2667: Adjust table cell color logic to enable static analysis of token usages and follow eslint rules
 
 ## 1.4.3
 
 ### Patch Changes
 
-- [`1add49b7bf7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1add49b7bf7) - Updated the babel config file extension to .cts to enable Parcel to support ts/tsx file extensions by default through parcel.
+- [#35057](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/35057) [`1add49b7bf7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/1add49b7bf7) - Updated the babel config file extension to .cts to enable Parcel to support ts/tsx file extensions by default through parcel.
 
 ## 1.4.2
 
 ### Patch Changes
 
-- [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
+- [#33793](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33793) [`9d00501a414`](https://bitbucket.org/atlassian/atlassian-frontend/commits/9d00501a414) - Ensure legacy types are published for TS 4.5-4.8
 
 ## 1.4.1
 
 ### Patch Changes
 
-- [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
+- [#33649](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33649) [`41fae2c6f68`](https://bitbucket.org/atlassian/atlassian-frontend/commits/41fae2c6f68) - Upgrade Typescript from `4.5.5` to `4.9.5`
 
 ## 1.4.0
 
 ### Minor Changes
 
-- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+- [#33258](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/33258) [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
 
 ## 1.3.0
 
 ### Minor Changes
 
-- [`c2385dcb8f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2385dcb8f7) - [ux] ED-17043 Expanded table chart colors from 20 to 36 colors.
+- [#32424](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/32424) [`c2385dcb8f7`](https://bitbucket.org/atlassian/atlassian-frontend/commits/c2385dcb8f7) - [ux] ED-17043 Expanded table chart colors from 20 to 36 colors.
 
 ### Patch Changes
 
@@ -50,17 +56,17 @@
 
 ### Minor Changes
 
-- [`bf04c417bfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bf04c417bfd) - Add "border" mark to stage0 ADF schema
+- [#31891](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31891) [`bf04c417bfd`](https://bitbucket.org/atlassian/atlassian-frontend/commits/bf04c417bfd) - Add "border" mark to stage0 ADF schema
 
 ## 1.1.0
 
 ### Minor Changes
 
-- [`47934727661`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47934727661) - ED-17042 - Add map hex colors to DST chart tokens
+- [#31299](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/31299) [`47934727661`](https://bitbucket.org/atlassian/atlassian-frontend/commits/47934727661) - ED-17042 - Add map hex colors to DST chart tokens
 - [`2367ba14aa0`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2367ba14aa0) - [ux] ED-16758 Added support for theme tokens in table cell background color.
 
 ## 1.0.0
 
 ### Major Changes
 
-- [`0ea58bc9901`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ea58bc9901) - Remove undocumented palette object entrypoints
+- [#28932](https://bitbucket.org/atlassian/atlassian-frontend/pull-requests/28932) [`0ea58bc9901`](https://bitbucket.org/atlassian/atlassian-frontend/commits/0ea58bc9901) - Remove undocumented palette object entrypoints

package/README.md

@@ -55,3 +55,21 @@ The exact output of this function is an implementation detail and should only be
 content to the user, on a client with a matching major version of `@atlaskit/tokens`.
 - **DO NOT**: store the output of these functions in any user-generated content or back-end.
 - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
+
+#### hexToEditorBorderPaletteColor
+
+This takes an adf hex color and returns a matching border palette color.
+
+```ts
+import { hexToEditorBorderPaletteColor } from '@atlaskit/editor-palette';
+
+const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+//     ^? const cssValue: 'var(--ds-border, #091E4224)'
+<span style={{borderColor: cssValue}} />
+```
+
+The names of tokens can change over time, and the values of tokens will differ between themes.
+The exact output of this function is an implementation detail and should only be used when rendering
+content to the user, on a client with a matching major version of `@atlaskit/tokens`.
+- **DO NOT**: store the output of these functions in any user-generated content or back-end.
+- **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color

package/dist/cjs/background.js

@@ -10,7 +10,6 @@ exports.hexToEditorBackgroundPaletteRawValue = hexToEditorBackgroundPaletteRawVa
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _tokens = require("@atlaskit/tokens");
 var _editorBackgroundPale; // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 /**
  * This takes an adf hex color and returns a matching background palette
  * color.
@@ -66,7 +65,7 @@ function hexToEditorBackgroundPaletteRawValue(hexColor) {
  * Using object structure as getValue() function needed for table values, and other
  * properties may be needed in the future.
  */
-var editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.default)(_editorBackgroundPale, '#DEEBFF', {
+var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.default)(_editorBackgroundPale, '#DEEBFF', {
   getValue: function getValue(fallback) {
     return (0, _tokens.getTokenValue)('color.background.accent.blue.subtlest', fallback);
   },
@@ -171,5 +170,4 @@ var editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.
     return (0, _tokens.getTokenValue)('color.background.accent.gray.subtle', fallback);
   },
   token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60,
-}), _editorBackgroundPale);
-exports.editorBackgroundPalette = editorBackgroundPalette;
+}), _editorBackgroundPale);

package/dist/cjs/border.js

@@ -9,7 +9,6 @@ exports.hexToEditorBorderPaletteColor = hexToEditorBorderPaletteColor;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _editorBorderPalette;
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 /**
  * This takes an adf hex color and returns a matching border palette color.
@@ -35,5 +34,4 @@ function hexToEditorBorderPaletteColor(hexColor) {
   // @ts-ignore
   return editorBorderPalette[hexColor.toUpperCase()];
 }
-var editorBorderPalette = (_editorBorderPalette = {}, (0, _defineProperty2.default)(_editorBorderPalette, '#091E4224', "var(--ds-border, #091E4224)"), (0, _defineProperty2.default)(_editorBorderPalette, '#758195', "var(--ds-border-bold, #758195)"), (0, _defineProperty2.default)(_editorBorderPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorBorderPalette);
-exports.editorBorderPalette = editorBorderPalette;
+var editorBorderPalette = exports.editorBorderPalette = (_editorBorderPalette = {}, (0, _defineProperty2.default)(_editorBorderPalette, '#091E4224', "var(--ds-border, #091E4224)"), (0, _defineProperty2.default)(_editorBorderPalette, '#758195', "var(--ds-border-bold, #758195)"), (0, _defineProperty2.default)(_editorBorderPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorBorderPalette);

package/dist/cjs/table-charts.js

@@ -9,7 +9,6 @@ exports.hexToEditorTableChartsPaletteRawValue = hexToEditorTableChartsPaletteRaw
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _tokens = require("@atlaskit/tokens");
 var _editorTableChartsPal; // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 /**
  * This takes an adf hex color and returns a matching chart palette
  * color.

package/dist/cjs/text.js

@@ -9,7 +9,6 @@ exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _editorTextPalette;
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 /**
  * This takes an adf hex color and returns a matching text palette color.
@@ -38,5 +37,4 @@ function hexToEditorTextPaletteColor(hexColor) {
 // Colors taken from
 // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
 // values are asserted to improve generated type declarations
-var editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #B3D4FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#4C9AFF', "var(--ds-icon-accent-blue, #4C9AFF)"), (0, _defineProperty2.default)(_editorTextPalette, '#0747A6', "var(--ds-text-accent-blue, #0747A6)"), (0, _defineProperty2.default)(_editorTextPalette, '#B3F5FF', "var(--ds-background-accent-teal-subtler, #B3F5FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#00B8D9', "var(--ds-icon-accent-teal, #00B8D9)"), (0, _defineProperty2.default)(_editorTextPalette, '#008DA6', "var(--ds-text-accent-teal, #008DA6)"), (0, _defineProperty2.default)(_editorTextPalette, '#ABF5D1', "var(--ds-background-accent-green-subtler, #ABF5D1)"), (0, _defineProperty2.default)(_editorTextPalette, '#36B37E', "var(--ds-icon-accent-green, #36B37E)"), (0, _defineProperty2.default)(_editorTextPalette, '#006644', "var(--ds-text-accent-green, #006644)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #FFF0B3)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FFC400)"), (0, _defineProperty2.default)(_editorTextPalette, '#FF991F', "var(--ds-icon-accent-orange, #FF991F)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFBDAD)"), (0, _defineProperty2.default)(_editorTextPalette, '#FF5630', "var(--ds-icon-accent-red, #FF5630)"), (0, _defineProperty2.default)(_editorTextPalette, '#BF2600', "var(--ds-text-accent-red, #BF2600)"), (0, _defineProperty2.default)(_editorTextPalette, '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EAE6FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#6554C0', "var(--ds-icon-accent-purple, #6554C0)"), (0, _defineProperty2.default)(_editorTextPalette, '#403294', "var(--ds-text-accent-purple, #403294)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), (0, _defineProperty2.default)(_editorTextPalette, '#97A0AF', "var(--ds-icon-accent-gray, #97A0AF)"), (0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorTextPalette);
-exports.editorTextPalette = editorTextPalette;
+var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #B3D4FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#4C9AFF', "var(--ds-icon-accent-blue, #4C9AFF)"), (0, _defineProperty2.default)(_editorTextPalette, '#0747A6', "var(--ds-text-accent-blue, #0747A6)"), (0, _defineProperty2.default)(_editorTextPalette, '#B3F5FF', "var(--ds-background-accent-teal-subtler, #B3F5FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#00B8D9', "var(--ds-icon-accent-teal, #00B8D9)"), (0, _defineProperty2.default)(_editorTextPalette, '#008DA6', "var(--ds-text-accent-teal, #008DA6)"), (0, _defineProperty2.default)(_editorTextPalette, '#ABF5D1', "var(--ds-background-accent-green-subtler, #ABF5D1)"), (0, _defineProperty2.default)(_editorTextPalette, '#36B37E', "var(--ds-icon-accent-green, #36B37E)"), (0, _defineProperty2.default)(_editorTextPalette, '#006644', "var(--ds-text-accent-green, #006644)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #FFF0B3)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FFC400)"), (0, _defineProperty2.default)(_editorTextPalette, '#FF991F', "var(--ds-icon-accent-orange, #FF991F)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFBDAD)"), (0, _defineProperty2.default)(_editorTextPalette, '#FF5630', "var(--ds-icon-accent-red, #FF5630)"), (0, _defineProperty2.default)(_editorTextPalette, '#BF2600', "var(--ds-text-accent-red, #BF2600)"), (0, _defineProperty2.default)(_editorTextPalette, '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EAE6FF)"), (0, _defineProperty2.default)(_editorTextPalette, '#6554C0', "var(--ds-icon-accent-purple, #6554C0)"), (0, _defineProperty2.default)(_editorTextPalette, '#403294', "var(--ds-text-accent-purple, #403294)"), (0, _defineProperty2.default)(_editorTextPalette, '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), (0, _defineProperty2.default)(_editorTextPalette, '#97A0AF', "var(--ds-icon-accent-gray, #97A0AF)"), (0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #172B4D)"), _editorTextPalette);

package/dist/es2019/background.js

@@ -1,5 +1,4 @@
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { getTokenValue } from '@atlaskit/tokens';
 
 /**

package/dist/es2019/border.js

@@ -1,5 +1,4 @@
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 /**
  * This takes an adf hex color and returns a matching border palette color.

package/dist/es2019/table-charts.js

@@ -1,5 +1,4 @@
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { getTokenValue } from '@atlaskit/tokens';
 
 /**

package/dist/es2019/text.js

@@ -1,5 +1,4 @@
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 /**
  * This takes an adf hex color and returns a matching text palette color.

package/dist/esm/background.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _editorBackgroundPale;
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { getTokenValue } from '@atlaskit/tokens';
 
 /**

package/dist/esm/border.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _editorBorderPalette;
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 /**
  * This takes an adf hex color and returns a matching border palette color.

package/dist/esm/table-charts.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _editorTableChartsPal;
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 import { getTokenValue } from '@atlaskit/tokens';
 
 /**

package/dist/esm/text.js

@@ -1,7 +1,6 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _editorTextPalette;
 // This import will be stripped on build
-// eslint-disable-next-line import/no-extraneous-dependencies
 
 /**
  * This takes an adf hex color and returns a matching text palette color.

package/docs/0-intro.tsx

@@ -92,4 +92,18 @@ ${code`
   <div style={{backgroundColor: cssValue}} />
 `}
 
+### \`hexToEditorBorderPaletteColor\`
+
+This takes an adf hex color and returns a matching border palette color.
+
+By providing a design token, this enables ADF content to be rendered in new themes such as dark mode.
+
+#### Example usage
+
+${code`
+  const cssValue = hexToEditorBorderPaletteColor('#091E4224');
+  //     ^? const cssValue: string
+  <div style={{border-color: cssValue}} />
+`}
+
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/editor-palette",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "The editor palette",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -8,7 +8,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "atlassian": {
-    "team": "Editor",
+    "team": "Editor: Lego",
     "releaseModel": "continuous",
     "inPublicMirror": true,
     "website": {
@@ -34,13 +34,10 @@
     ".": "./src/index.ts"
   },
   "dependencies": {
-    "@atlaskit/tokens": "^1.9.0",
+    "@atlaskit/tokens": "^1.28.0",
     "@babel/runtime": "^7.0.0"
   },
   "devDependencies": {
-    "@atlaskit/docs": "*",
-    "@atlaskit/section-message": "^6.4.0",
-    "@atlaskit/tokens": "^1.9.0",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
     "react": "^16.8.0",

package/dist/cjs/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/editor-palette",
-	"version": "1.5.1",
-	"sideEffects": false
-}

package/dist/es2019/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/editor-palette",
-	"version": "1.5.1",
-	"sideEffects": false
-}

package/dist/esm/version.json

@@ -1,5 +0,0 @@
-{
-	"name": "@atlaskit/editor-palette",
-	"version": "1.5.1",
-	"sideEffects": false
-}