@atlaskit/editor-palette
Advanced tools
Comparing version 1.5.1 to 1.5.2
# @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 | ||
@@ -7,3 +13,3 @@ | ||
- [`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 | ||
@@ -14,3 +20,3 @@ ## 1.5.0 | ||
- [`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 | ||
@@ -21,3 +27,3 @@ ## 1.4.3 | ||
- [`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. | ||
@@ -28,3 +34,3 @@ ## 1.4.2 | ||
- [`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 | ||
@@ -35,3 +41,3 @@ ## 1.4.1 | ||
- [`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` | ||
@@ -42,3 +48,3 @@ ## 1.4.0 | ||
- [`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 | ||
@@ -49,3 +55,3 @@ ## 1.3.0 | ||
- [`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. | ||
@@ -60,3 +66,3 @@ ### Patch 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 | ||
@@ -67,3 +73,3 @@ ## 1.1.0 | ||
- [`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. | ||
@@ -75,2 +81,2 @@ | ||
- [`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 |
@@ -13,3 +13,2 @@ "use strict"; | ||
var _editorBackgroundPale; // This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
/** | ||
@@ -70,3 +69,3 @@ * This takes an adf hex color and returns a matching background palette | ||
*/ | ||
var editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.default)(_editorBackgroundPale, '#DEEBFF', { | ||
var editorBackgroundPalette = exports.editorBackgroundPalette = (_editorBackgroundPale = {}, (0, _defineProperty2.default)(_editorBackgroundPale, '#DEEBFF', { | ||
getValue: function getValue(fallback) { | ||
@@ -176,3 +175,2 @@ return (0, _tokens.getTokenValue)('color.background.accent.blue.subtlest', fallback); | ||
token: "var(--ds-background-accent-gray-subtle, #B3BAC5)" // source for hex code was legacy token N60, | ||
}), _editorBackgroundPale); | ||
exports.editorBackgroundPalette = editorBackgroundPalette; | ||
}), _editorBackgroundPale); |
@@ -12,3 +12,2 @@ "use strict"; | ||
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
@@ -39,3 +38,2 @@ /** | ||
} | ||
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); |
@@ -12,3 +12,2 @@ "use strict"; | ||
var _editorTableChartsPal; // This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
/** | ||
@@ -15,0 +14,0 @@ * This takes an adf hex color and returns a matching chart palette |
@@ -12,3 +12,2 @@ "use strict"; | ||
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
@@ -42,3 +41,2 @@ /** | ||
// 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); |
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
import { getTokenValue } from '@atlaskit/tokens'; | ||
@@ -4,0 +3,0 @@ |
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
@@ -4,0 +3,0 @@ /** |
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
import { getTokenValue } from '@atlaskit/tokens'; | ||
@@ -4,0 +3,0 @@ |
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
@@ -4,0 +3,0 @@ /** |
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'; | ||
@@ -6,0 +5,0 @@ |
import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
var _editorBorderPalette; | ||
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
@@ -6,0 +5,0 @@ /** |
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'; | ||
@@ -6,0 +5,0 @@ |
import _defineProperty from "@babel/runtime/helpers/defineProperty"; | ||
var _editorTextPalette; | ||
// This import will be stripped on build | ||
// eslint-disable-next-line import/no-extraneous-dependencies | ||
@@ -6,0 +5,0 @@ /** |
{ | ||
"name": "@atlaskit/editor-palette", | ||
"version": "1.5.1", | ||
"version": "1.5.2", | ||
"description": "The editor palette", | ||
@@ -11,3 +11,3 @@ "author": "Atlassian Pty Ltd", | ||
"atlassian": { | ||
"team": "Editor", | ||
"team": "Editor: Lego", | ||
"releaseModel": "continuous", | ||
@@ -38,9 +38,6 @@ "inPublicMirror": true, | ||
"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", | ||
@@ -47,0 +44,0 @@ "@testing-library/react": "^12.1.5", |
@@ -58,1 +58,19 @@ # Editor palette | ||
- **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 |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
150340
6
76
33
2758
Updated@atlaskit/tokens@^1.28.0