@atlaskit/editor-palette 3.1.0 → 3.1.2

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/compass.yml +38 -0
  3. package/dist/cjs/text.js +8 -5
  4. package/dist/es2019/text.js +7 -4
  5. package/dist/esm/text.js +8 -4
  6. package/dist/types/text.d.ts +1 -1
  7. package/package.json +9 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,18 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 3.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`6949db5856550`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/6949db5856550) -
8
+ Fixed in dark theme the bold yellow and yellow were the same color
9
+
10
+ ## 3.1.1
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+
3
16
  ## 3.1.0
4
17
 
5
18
  ### Minor Changes
package/compass.yml ADDED
@@ -0,0 +1,38 @@
1
+ configVersion: 1
2
+ id: ari:cloud:compass:a436116f-02ce-4520-8fbb-7301462a1674:component/c5751cc6-3513-4070-9deb-af31e86aed34/932b508b-c12f-4767-9281-24dbacdc62d3
3
+ name: '@atlaskit/editor-palette'
4
+ ownerId: ari:cloud:identity::team/ce353f56-2a90-491b-b272-b90dca4fffa2 # Editor FE Platform
5
+ labels:
6
+ - platform-code
7
+ - platform-afm
8
+ typeId: OTHER
9
+ fields:
10
+ tier: 4
11
+ lifecycle: Active
12
+ isMonorepoProject: true
13
+ links:
14
+ - name: Root Repository
15
+ type: REPOSITORY
16
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master
17
+ - name: Slack Channel
18
+ type: CHAT_CHANNEL
19
+ url: https://atlassian.enterprise.slack.com/archives/C03SD6QJWPP # #cc-editor-lego
20
+ - name: Editor Palette
21
+ type: REPOSITORY
22
+ url: https://bitbucket.org/atlassian/atlassian-frontend-monorepo/src/master/platform/packages/editor/editor-palette
23
+ customFields:
24
+ - name: Department
25
+ type: text
26
+ value: Eng - Editor Frontend Platform
27
+ - name: Technical Owner
28
+ type: user
29
+ value: ari:cloud:identity::user/5ea93c14a4c57d0b8bd65a16 # Anand Raj
30
+ - name: Required Reviewers Opt In
31
+ type: boolean
32
+ value: true
33
+ - name: Reviewer Selection Mechanism
34
+ type: text
35
+ value: random(2)
36
+ - name: Required Reviewer Approvals
37
+ type: number
38
+ value: 1
package/dist/cjs/text.js CHANGED
@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.editorTextPalette = void 0;
8
8
  exports.hexToEditorTextPaletteColor = hexToEditorTextPaletteColor;
9
9
  var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
10
+ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
10
11
  var _editorTextPalette;
11
- // This import will be stripped on build
12
-
12
+ function _defineAccessor(e, r, n, t) { var c = { configurable: !0, enumerable: !0 }; return c[e] = t, Object.defineProperty(r, n, c); } // This import will be stripped on build
13
13
  /**
14
14
  * This takes an adf hex color and returns a matching text palette color.
15
15
  *
@@ -27,14 +27,17 @@ var _editorTextPalette;
27
27
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
28
28
  * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
29
29
  */
30
-
31
30
  function hexToEditorTextPaletteColor(hexColor) {
31
+ var normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
32
+
32
33
  // Ts ignore used to allow use of conditional return type
33
34
  // (preferencing better type on consumption over safety in implementation)
34
35
  // @ts-ignore
35
- return editorTextPalette[hexColor.toUpperCase()];
36
+ return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
36
37
  }
37
38
  // Colors taken from
38
39
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
39
40
  // values are asserted to improve generated type declarations
40
- var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), (0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B38600', "var(--ds-icon-accent-yellow, #B38600)"), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
41
+ var editorTextPalette = exports.editorTextPalette = (_editorTextPalette = {}, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), (0, _defineProperty2.default)(_defineAccessor("get", _editorTextPalette, '#B38600', function () {
42
+ return (0, _platformFeatureFlags.fg)('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-border-accent-yellow, #B38600)" : "var(--ds-icon-accent-yellow, #B38600)";
43
+ }), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
package/dist/es2019/text.js CHANGED
@@ -1,5 +1,5 @@
1
1
  // This import will be stripped on build
2
-
2
+ import { fg } from '@atlaskit/platform-feature-flags';
3
3
  /**
4
4
  * This takes an adf hex color and returns a matching text palette color.
5
5
  *
@@ -17,12 +17,13 @@
17
17
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
18
18
  * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
19
19
  */
20
-
21
20
  export function hexToEditorTextPaletteColor(hexColor) {
21
+ const normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
22
+
22
23
  // Ts ignore used to allow use of conditional return type
23
24
  // (preferencing better type on consumption over safety in implementation)
24
25
  // @ts-ignore
25
- return editorTextPalette[hexColor.toUpperCase()];
26
+ return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
26
27
  }
27
28
  // Colors taken from
28
29
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
@@ -128,7 +129,9 @@ export const editorTextPalette = {
128
129
  ['#943D73']: "var(--ds-text-accent-magenta, #943D73)",
129
130
  // yellow
130
131
  /** yellow - medium */
131
- ['#B38600']: "var(--ds-icon-accent-yellow, #B38600)",
132
+ get ['#B38600']() {
133
+ return fg('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-border-accent-yellow, #B38600)" : "var(--ds-icon-accent-yellow, #B38600)";
134
+ },
132
135
  /** yellow - strong */
133
136
  ['#7F5F01']: "var(--ds-text-accent-yellow, #7F5F01)"
134
137
  };
package/dist/esm/text.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  var _editorTextPalette;
3
+ function _defineAccessor(e, r, n, t) { var c = { configurable: !0, enumerable: !0 }; return c[e] = t, Object.defineProperty(r, n, c); }
3
4
  // This import will be stripped on build
4
-
5
+ import { fg } from '@atlaskit/platform-feature-flags';
5
6
  /**
6
7
  * This takes an adf hex color and returns a matching text palette color.
7
8
  *
@@ -19,14 +20,17 @@ var _editorTextPalette;
19
20
  * - **DO NOT**: store the output of these functions in any user-generated content or back-end.
20
21
  * - **DO**: store the ADF hex color, and use these utilities at render time to display the themed version of the color
21
22
  */
22
-
23
23
  export function hexToEditorTextPaletteColor(hexColor) {
24
+ var normalizedHexColor = hexColor ? hexColor.toUpperCase() : undefined;
25
+
24
26
  // Ts ignore used to allow use of conditional return type
25
27
  // (preferencing better type on consumption over safety in implementation)
26
28
  // @ts-ignore
27
- return editorTextPalette[hexColor.toUpperCase()];
29
+ return normalizedHexColor ? editorTextPalette[normalizedHexColor] : undefined;
28
30
  }
29
31
  // Colors taken from
30
32
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
31
33
  // values are asserted to improve generated type declarations
32
- export var editorTextPalette = (_editorTextPalette = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), _defineProperty(_defineProperty(_editorTextPalette, '#B38600', "var(--ds-icon-accent-yellow, #B38600)"), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
34
+ export var editorTextPalette = (_editorTextPalette = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#4C9AFF', "var(--ds-icon-accent-blue, #357DE8)"), '#0747A6', "var(--ds-text-accent-blue, #1558BC)"), '#B3F5FF', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#00B8D9', "var(--ds-icon-accent-teal, #2898BD)"), '#008DA6', "var(--ds-text-accent-teal, #206A83)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)"), '#36B37E', "var(--ds-icon-accent-green, #22A06B)"), '#006644', "var(--ds-text-accent-green, #216E4E)"), '#FFF0B3', "var(--ds-background-accent-yellow-subtler, #F5E989)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#FFC400', "var(--ds-background-accent-orange-subtle, #FCA700)"), '#FF991F', "var(--ds-icon-accent-orange, #E06C00)"), '#FFBDAD', "var(--ds-background-accent-red-subtler, #FFD5D2)"), '#FF5630', "var(--ds-icon-accent-red, #C9372C)"), '#BF2600', "var(--ds-text-accent-red, #AE2E24)"), '#EAE6FF', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#6554C0', "var(--ds-icon-accent-purple, #AF59E1)"), '#403294', "var(--ds-text-accent-purple, #803FA5)"), '#FFFFFF', "var(--ds-text-inverse, #FFFFFF)"), '#97A0AF', "var(--ds-icon-accent-gray, #7D818A)"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#6A9A23', "var(--ds-icon-accent-lime, #6A9A23)"), '#4C6B1F', "var(--ds-text-accent-lime, #4C6B1F)"), '#FCE4A6', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#E06C00', "var(--ds-icon-accent-orange, #E06C00)"), '#9E4C00', "var(--ds-text-accent-orange, #9E4C00)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#CD519D', "var(--ds-icon-accent-magenta, #CD519D)"), '#943D73', "var(--ds-text-accent-magenta, #943D73)"), _defineProperty(_defineAccessor("get", _editorTextPalette, '#B38600', function () {
35
+ return fg('platform_editor_lovability_text_bg_color_patch_1') ? "var(--ds-border-accent-yellow, #B38600)" : "var(--ds-icon-accent-yellow, #B38600)";
36
+ }), '#7F5F01', "var(--ds-text-accent-yellow, #7F5F01)"));
package/dist/types/text.d.ts CHANGED
@@ -80,7 +80,7 @@ export declare const editorTextPalette: {
80
80
  /** magenta - strong */
81
81
  "#943D73": "var(--ds-text-accent-magenta, #943D73)";
82
82
  /** yellow - medium */
83
- "#B38600": "var(--ds-icon-accent-yellow, #B38600)";
83
+ readonly "#B38600": "var(--ds-border-accent-yellow, #B38600)" | "var(--ds-icon-accent-yellow, #B38600)";
84
84
  /** yellow - strong */
85
85
  "#7F5F01": "var(--ds-text-accent-yellow, #7F5F01)";
86
86
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "3.1.0",
3
+ "version": "3.1.2",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -21,10 +21,17 @@
21
21
  "sideEffects": false,
22
22
  "atlaskit:src": "src/index.ts",
23
23
  "dependencies": {
24
- "@atlaskit/tokens": "^14.0.0",
24
+ "@atlaskit/platform-feature-flags": "^2.0.0",
25
+ "@atlaskit/tokens": "^15.3.0",
25
26
  "@babel/runtime": "^7.0.0"
26
27
  },
28
+ "platform-feature-flags": {
29
+ "platform_editor_lovability_text_bg_color_patch_1": {
30
+ "type": "boolean"
31
+ }
32
+ },
27
33
  "devDependencies": {
34
+ "@atlassian/feature-flags-test-utils": "^1.1.0",
28
35
  "@testing-library/react": "^16.3.0",
29
36
  "react": "^18.2.0",
30
37
  "react-dom": "^18.2.0",