@atlaskit/editor-palette 3.0.0 → 3.1.0

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 (10) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/text-background-color.js +1 -1
  3. package/dist/cjs/text.js +1 -1
  4. package/dist/es2019/text-background-color.js +5 -1
  5. package/dist/es2019/text.js +29 -1
  6. package/dist/esm/text-background-color.js +1 -1
  7. package/dist/esm/text.js +1 -1
  8. package/dist/types/text-background-color.d.ts +4 -0
  9. package/dist/types/text.d.ts +22 -0
  10. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,13 @@
1
1
  # @atlaskit/editor-palette
2
2
 
3
+ ## 3.1.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [`1498129c7eef2`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/1498129c7eef2) -
8
+ [EDITOR-7591] adds updated text color and highlight color palettes behind the
9
+ `platform_editor_lovability_text_bg_color` experiment
10
+
3
11
  ## 3.0.0
4
12
 
5
13
  ### Major Changes
package/dist/cjs/text-background-color.js CHANGED
@@ -11,7 +11,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
11
11
 
12
12
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
13
13
  // values are asserted to improve generated type declarations
14
- var textBackgroundColorPalette = exports.textBackgroundColorPalette = (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)");
14
+ var textBackgroundColorPalette = exports.textBackgroundColorPalette = (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)({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)");
15
15
  /**
16
16
  * This takes an ADF hex color and returns a matching text background palette color.
17
17
  *
package/dist/cjs/text.js CHANGED
@@ -37,4 +37,4 @@ function hexToEditorTextPaletteColor(hexColor) {
37
37
  // Colors taken from
38
38
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
39
39
  // 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)(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"));
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)"));
package/dist/es2019/text-background-color.js CHANGED
@@ -16,7 +16,11 @@ export const textBackgroundColorPalette = {
16
16
  /** Magenta - light */
17
17
  ['#FDD0EC']: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
18
18
  /** Purple - light */
19
- ['#DFD8FD']: "var(--ds-background-accent-purple-subtler, #EED7FC)"
19
+ ['#DFD8FD']: "var(--ds-background-accent-purple-subtler, #EED7FC)",
20
+ /** Blue - light */
21
+ ['#B3D4FF']: "var(--ds-background-accent-blue-subtler, #CFE1FD)",
22
+ /** Green - light */
23
+ ['#ABF5D1']: "var(--ds-background-accent-green-subtler, #BAF3DB)"
20
24
  };
21
25
  /**
22
26
  * This takes an ADF hex color and returns a matching text background palette color.
package/dist/es2019/text.js CHANGED
@@ -102,5 +102,33 @@ export const editorTextPalette = {
102
102
  ['#97A0AF']: "var(--ds-icon-accent-gray, #7D818A)",
103
103
  // source for hex code was legacy token N80
104
104
  /** whiteGray - strong */
105
- ['#172B4D']: "var(--ds-text, #292A2E)" // source for hex code was legacy token N800
105
+ ['#172B4D']: "var(--ds-text, #292A2E)",
106
+ // source for hex code was legacy token N800
107
+
108
+ // lime
109
+ /** lime - light */
110
+ ['#D3F1A7']: "var(--ds-background-accent-lime-subtler, #D3F1A7)",
111
+ /** lime - medium */
112
+ ['#6A9A23']: "var(--ds-icon-accent-lime, #6A9A23)",
113
+ /** lime - strong */
114
+ ['#4C6B1F']: "var(--ds-text-accent-lime, #4C6B1F)",
115
+ // orange
116
+ /** orange - light */
117
+ ['#FCE4A6']: "var(--ds-background-accent-orange-subtler, #FCE4A6)",
118
+ /** orange - medium */
119
+ ['#E06C00']: "var(--ds-icon-accent-orange, #E06C00)",
120
+ /** orange - strong */
121
+ ['#9E4C00']: "var(--ds-text-accent-orange, #9E4C00)",
122
+ // magenta
123
+ /** magenta - light */
124
+ ['#FDD0EC']: "var(--ds-background-accent-magenta-subtler, #FDD0EC)",
125
+ /** magenta - medium */
126
+ ['#CD519D']: "var(--ds-icon-accent-magenta, #CD519D)",
127
+ /** magenta - strong */
128
+ ['#943D73']: "var(--ds-text-accent-magenta, #943D73)",
129
+ // yellow
130
+ /** yellow - medium */
131
+ ['#B38600']: "var(--ds-icon-accent-yellow, #B38600)",
132
+ /** yellow - strong */
133
+ ['#7F5F01']: "var(--ds-text-accent-yellow, #7F5F01)"
106
134
  };
package/dist/esm/text-background-color.js CHANGED
@@ -3,7 +3,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
 
4
4
  // Color tokens defined on https://hello.atlassian.net/wiki/spaces/EOU/pages/3587733210/Text+highlighting+-+designs#Colour-palette
5
5
  // values are asserted to improve generated type declarations
6
- export var textBackgroundColorPalette = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)");
6
+ export var textBackgroundColorPalette = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, '#DCDFE4', "var(--ds-background-accent-gray-subtler, #DDDEE1)"), '#C6EDFB', "var(--ds-background-accent-teal-subtler, #C6EDFB)"), '#D3F1A7', "var(--ds-background-accent-lime-subtler, #D3F1A7)"), '#F8E6A0', "var(--ds-background-accent-yellow-subtler, #F5E989)"), '#FEDEC8', "var(--ds-background-accent-orange-subtler, #FCE4A6)"), '#FDD0EC', "var(--ds-background-accent-magenta-subtler, #FDD0EC)"), '#DFD8FD', "var(--ds-background-accent-purple-subtler, #EED7FC)"), '#B3D4FF', "var(--ds-background-accent-blue-subtler, #CFE1FD)"), '#ABF5D1', "var(--ds-background-accent-green-subtler, #BAF3DB)");
7
7
  /**
8
8
  * This takes an ADF hex color and returns a matching text background palette color.
9
9
  *
package/dist/esm/text.js CHANGED
@@ -29,4 +29,4 @@ export function hexToEditorTextPaletteColor(hexColor) {
29
29
  // Colors taken from
30
30
  // https://hello.atlassian.net/wiki/spaces/DST/pages/1790979421/DSTRFC-002+-+Shifting+Editor+s+color+palette+to+design+tokens
31
31
  // 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(_editorTextPalette, '#172B4D', "var(--ds-text, #292A2E)"));
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)"));
package/dist/types/text-background-color.d.ts CHANGED
@@ -13,6 +13,10 @@ export declare const textBackgroundColorPalette: {
13
13
  "#FDD0EC": "var(--ds-background-accent-magenta-subtler, #FDD0EC)";
14
14
  /** Purple - light */
15
15
  "#DFD8FD": "var(--ds-background-accent-purple-subtler, #DFD8FD)";
16
+ /** Blue - light */
17
+ "#B3D4FF": "var(--ds-background-accent-blue-subtler, #B3D4FF)";
18
+ /** Green - light */
19
+ "#ABF5D1": "var(--ds-background-accent-green-subtler, #ABF5D1)";
16
20
  };
17
21
  type TextBackgroundColorPalette = typeof textBackgroundColorPalette;
18
22
  export type TextBackgroundColorPaletteKey = keyof TextBackgroundColorPalette;
package/dist/types/text.d.ts CHANGED
@@ -61,5 +61,27 @@ export declare const editorTextPalette: {
61
61
  "#97A0AF": "var(--ds-icon-accent-gray, #97A0AF)";
62
62
  /** whiteGray - strong */
63
63
  "#172B4D": "var(--ds-text, #172B4D)";
64
+ /** lime - light */
65
+ "#D3F1A7": "var(--ds-background-accent-lime-subtler, #D3F1A7)";
66
+ /** lime - medium */
67
+ "#6A9A23": "var(--ds-icon-accent-lime, #6A9A23)";
68
+ /** lime - strong */
69
+ "#4C6B1F": "var(--ds-text-accent-lime, #4C6B1F)";
70
+ /** orange - light */
71
+ "#FCE4A6": "var(--ds-background-accent-orange-subtler, #FCE4A6)";
72
+ /** orange - medium */
73
+ "#E06C00": "var(--ds-icon-accent-orange, #E06C00)";
74
+ /** orange - strong */
75
+ "#9E4C00": "var(--ds-text-accent-orange, #9E4C00)";
76
+ /** magenta - light */
77
+ "#FDD0EC": "var(--ds-background-accent-magenta-subtler, #FDD0EC)";
78
+ /** magenta - medium */
79
+ "#CD519D": "var(--ds-icon-accent-magenta, #CD519D)";
80
+ /** magenta - strong */
81
+ "#943D73": "var(--ds-text-accent-magenta, #943D73)";
82
+ /** yellow - medium */
83
+ "#B38600": "var(--ds-icon-accent-yellow, #B38600)";
84
+ /** yellow - strong */
85
+ "#7F5F01": "var(--ds-text-accent-yellow, #7F5F01)";
64
86
  };
65
87
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/editor-palette",
3
- "version": "3.0.0",
3
+ "version": "3.1.0",
4
4
  "description": "The editor palette",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",