@atlaskit/editor-common 122.7.0 → 122.8.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.
- package/CHANGELOG.md +9 -0
- package/dist/cjs/element-browser/components/ViewMore.js +1 -1
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
- package/dist/cjs/extensibility/GeneratedContentReveal.js +1 -1
- package/dist/cjs/extensions/UnknownMacroPlaceholder.js +1 -1
- package/dist/cjs/icons/shared/PanelErrorIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelInfoIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelNoteIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelSuccessIcon.js +1 -1
- package/dist/cjs/icons/shared/PanelWarningIcon.js +1 -1
- package/dist/cjs/media/messages/imageBorder.js +10 -0
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/quick-insert/CompactQuickInsertMenuItem.js +1 -1
- package/dist/cjs/quick-insert/QuickInsertHoverPreview.js +1 -1
- package/dist/cjs/table/NewSortingIcon.js +1 -1
- package/dist/cjs/ui/DropList/index.js +1 -1
- package/dist/cjs/ui/Shortcut/index.js +1 -1
- package/dist/cjs/ui/Toolbar/ButtonGroup.js +1 -1
- package/dist/cjs/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
- package/dist/cjs/ui/Toolbar/DropdownWrapper.js +1 -1
- package/dist/cjs/ui/Toolbar/ExpandIcon.js +1 -1
- package/dist/cjs/ui/Toolbar/Separator.js +1 -1
- package/dist/cjs/ui-color/ColorPalette/index.js +4 -2
- package/dist/es2019/element-browser/components/ViewMore.js +1 -1
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
- package/dist/es2019/extensibility/GeneratedContentReveal.js +1 -1
- package/dist/es2019/extensions/UnknownMacroPlaceholder.js +1 -1
- package/dist/es2019/icons/shared/PanelErrorIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelInfoIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelNoteIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelSuccessIcon.js +1 -1
- package/dist/es2019/icons/shared/PanelWarningIcon.js +1 -1
- package/dist/es2019/media/messages/imageBorder.js +10 -0
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/quick-insert/CompactQuickInsertMenuItem.js +1 -1
- package/dist/es2019/quick-insert/QuickInsertHoverPreview.js +1 -1
- package/dist/es2019/table/NewSortingIcon.js +1 -1
- package/dist/es2019/ui/DropList/index.js +1 -1
- package/dist/es2019/ui/Shortcut/index.js +1 -1
- package/dist/es2019/ui/Toolbar/ButtonGroup.js +1 -1
- package/dist/es2019/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
- package/dist/es2019/ui/Toolbar/DropdownWrapper.js +1 -1
- package/dist/es2019/ui/Toolbar/ExpandIcon.js +1 -1
- package/dist/es2019/ui/Toolbar/Separator.js +1 -1
- package/dist/es2019/ui-color/ColorPalette/index.js +4 -2
- package/dist/esm/element-browser/components/ViewMore.js +1 -1
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionFloatingLabel.js +1 -1
- package/dist/esm/extensibility/GeneratedContentReveal.js +1 -1
- package/dist/esm/extensions/UnknownMacroPlaceholder.js +1 -1
- package/dist/esm/icons/shared/PanelErrorIcon.js +1 -1
- package/dist/esm/icons/shared/PanelInfoIcon.js +1 -1
- package/dist/esm/icons/shared/PanelNoteIcon.js +1 -1
- package/dist/esm/icons/shared/PanelSuccessIcon.js +1 -1
- package/dist/esm/icons/shared/PanelWarningIcon.js +1 -1
- package/dist/esm/media/messages/imageBorder.js +10 -0
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/quick-insert/CompactQuickInsertMenuItem.js +1 -1
- package/dist/esm/quick-insert/QuickInsertHoverPreview.js +1 -1
- package/dist/esm/table/NewSortingIcon.js +1 -1
- package/dist/esm/ui/DropList/index.js +1 -1
- package/dist/esm/ui/Shortcut/index.js +1 -1
- package/dist/esm/ui/Toolbar/ButtonGroup.js +1 -1
- package/dist/esm/ui/Toolbar/DropdownTriggerWrapper.js +1 -1
- package/dist/esm/ui/Toolbar/DropdownWrapper.js +1 -1
- package/dist/esm/ui/Toolbar/ExpandIcon.js +1 -1
- package/dist/esm/ui/Toolbar/Separator.js +1 -1
- package/dist/esm/ui-color/ColorPalette/index.js +4 -2
- package/dist/types/media/messages/imageBorder.d.ts +27 -17
- package/dist/types/ui-color/ColorPalette/index.d.ts +4 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
# @atlaskit/editor-common
|
|
2
2
|
|
|
3
|
+
## 122.8.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [`c942b90687404`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/c942b90687404) -
|
|
8
|
+
Add an optional `ariaLabel` prop to `ColorPalette` so consumers can give its radio group an
|
|
9
|
+
accessible name, and add image border color and size radio group labels to the image border
|
|
10
|
+
messages. Consumed behind `platform_editor_a11y_border_radiogroup_label`.
|
|
11
|
+
|
|
3
12
|
## 122.7.0
|
|
4
13
|
|
|
5
14
|
### Minor Changes
|
|
@@ -16,6 +16,11 @@ var imageBorderMessages = exports.imageBorderMessages = (0, _reactIntl.defineMes
|
|
|
16
16
|
defaultMessage: 'Image border options Color dropdown',
|
|
17
17
|
description: 'ARIA label for the dropdown to change the border color of an image.'
|
|
18
18
|
},
|
|
19
|
+
borderColorRadioGroupAriaLabel: {
|
|
20
|
+
id: 'fabric.editor.imageBorderColor.radioGroupAriaLabel',
|
|
21
|
+
defaultMessage: 'Color options',
|
|
22
|
+
description: 'ARIA label for the group of selectable border colors in the image border options panel.'
|
|
23
|
+
},
|
|
19
24
|
borderSize: {
|
|
20
25
|
id: 'fabric.editor.imageBorderSize',
|
|
21
26
|
defaultMessage: 'Size',
|
|
@@ -26,6 +31,11 @@ var imageBorderMessages = exports.imageBorderMessages = (0, _reactIntl.defineMes
|
|
|
26
31
|
defaultMessage: 'Image border options Size dropdown',
|
|
27
32
|
description: 'ARIA label for the dropdown to change the border size of an image.'
|
|
28
33
|
},
|
|
34
|
+
borderSizeRadioGroupAriaLabel: {
|
|
35
|
+
id: 'fabric.editor.imageBorderSize.radioGroupAriaLabel',
|
|
36
|
+
defaultMessage: 'Size options',
|
|
37
|
+
description: 'ARIA label for the group of selectable border sizes in the image border options panel.'
|
|
38
|
+
},
|
|
29
39
|
addBorder: {
|
|
30
40
|
id: 'fabric.editor.addImageBorder',
|
|
31
41
|
defaultMessage: 'Add border',
|
|
@@ -27,7 +27,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
27
27
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
28
28
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
29
29
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
30
|
-
var packageVersion = "122.
|
|
30
|
+
var packageVersion = "122.7.0";
|
|
31
31
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
32
32
|
// Remove URL as it has UGC
|
|
33
33
|
// Ignored via go/ees007
|
|
@@ -24,7 +24,7 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
|
|
|
24
24
|
* @jsx jsx
|
|
25
25
|
*/ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
26
26
|
var packageName = "@atlaskit/editor-common";
|
|
27
|
-
var packageVersion = "122.
|
|
27
|
+
var packageVersion = "122.7.0";
|
|
28
28
|
var halfFocusRing = 1;
|
|
29
29
|
var dropOffset = '0, 8';
|
|
30
30
|
var fadeIn = (0, _react2.keyframes)({
|
|
@@ -55,7 +55,8 @@ var ColorPalette = function ColorPalette(props) {
|
|
|
55
55
|
selectedColor = props.selectedColor,
|
|
56
56
|
className = props.className,
|
|
57
57
|
formatMessage = props.intl.formatMessage,
|
|
58
|
-
paletteOptions = props.paletteOptions
|
|
58
|
+
paletteOptions = props.paletteOptions,
|
|
59
|
+
ariaLabel = props.ariaLabel;
|
|
59
60
|
var palette = paletteOptions.palette,
|
|
60
61
|
hexToPaletteColor = paletteOptions.hexToPaletteColor,
|
|
61
62
|
paletteColorTooltipMessages = paletteOptions.paletteColorTooltipMessages;
|
|
@@ -73,7 +74,8 @@ var ColorPalette = function ColorPalette(props) {
|
|
|
73
74
|
,
|
|
74
75
|
className: className,
|
|
75
76
|
key: "row-first-color-".concat(row[0].value),
|
|
76
|
-
role: "radiogroup"
|
|
77
|
+
role: "radiogroup",
|
|
78
|
+
"aria-label": ariaLabel
|
|
77
79
|
}, row.map(function (_ref) {
|
|
78
80
|
var value = _ref.value,
|
|
79
81
|
label = _ref.label,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./ExtensionFloatingLabel.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* GeneratedContentReveal.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* GeneratedContentReveal.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./GeneratedContentReveal.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useCallback, useEffect, useState } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./UnknownMacroPlaceholder.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -10,6 +10,11 @@ export const imageBorderMessages = defineMessages({
|
|
|
10
10
|
defaultMessage: 'Image border options Color dropdown',
|
|
11
11
|
description: 'ARIA label for the dropdown to change the border color of an image.'
|
|
12
12
|
},
|
|
13
|
+
borderColorRadioGroupAriaLabel: {
|
|
14
|
+
id: 'fabric.editor.imageBorderColor.radioGroupAriaLabel',
|
|
15
|
+
defaultMessage: 'Color options',
|
|
16
|
+
description: 'ARIA label for the group of selectable border colors in the image border options panel.'
|
|
17
|
+
},
|
|
13
18
|
borderSize: {
|
|
14
19
|
id: 'fabric.editor.imageBorderSize',
|
|
15
20
|
defaultMessage: 'Size',
|
|
@@ -20,6 +25,11 @@ export const imageBorderMessages = defineMessages({
|
|
|
20
25
|
defaultMessage: 'Image border options Size dropdown',
|
|
21
26
|
description: 'ARIA label for the dropdown to change the border size of an image.'
|
|
22
27
|
},
|
|
28
|
+
borderSizeRadioGroupAriaLabel: {
|
|
29
|
+
id: 'fabric.editor.imageBorderSize.radioGroupAriaLabel',
|
|
30
|
+
defaultMessage: 'Size options',
|
|
31
|
+
description: 'ARIA label for the group of selectable border sizes in the image border options panel.'
|
|
32
|
+
},
|
|
23
33
|
addBorder: {
|
|
24
34
|
id: 'fabric.editor.addImageBorder',
|
|
25
35
|
defaultMessage: 'Add border',
|
|
@@ -13,7 +13,7 @@ const NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
13
13
|
const RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
14
14
|
const SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
15
15
|
const packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
16
|
-
const packageVersion = "122.
|
|
16
|
+
const packageVersion = "122.7.0";
|
|
17
17
|
const sanitiseSentryEvents = (data, _hint) => {
|
|
18
18
|
// Remove URL as it has UGC
|
|
19
19
|
// Ignored via go/ees007
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* CompactQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* CompactQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./CompactQuickInsertMenuItem.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React, { useState } from 'react';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* QuickInsertHoverPreview.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* QuickInsertHoverPreview.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./QuickInsertHoverPreview.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -14,7 +14,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
14
14
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
15
15
|
import Layer from '../Layer';
|
|
16
16
|
const packageName = "@atlaskit/editor-common";
|
|
17
|
-
const packageVersion = "122.
|
|
17
|
+
const packageVersion = "122.7.0";
|
|
18
18
|
const halfFocusRing = 1;
|
|
19
19
|
const dropOffset = '0, 8';
|
|
20
20
|
const fadeIn = keyframes({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./DropdownTriggerWrapper.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -47,7 +47,8 @@ const ColorPalette = props => {
|
|
|
47
47
|
intl: {
|
|
48
48
|
formatMessage
|
|
49
49
|
},
|
|
50
|
-
paletteOptions
|
|
50
|
+
paletteOptions,
|
|
51
|
+
ariaLabel
|
|
51
52
|
} = props;
|
|
52
53
|
const {
|
|
53
54
|
palette,
|
|
@@ -68,7 +69,8 @@ const ColorPalette = props => {
|
|
|
68
69
|
,
|
|
69
70
|
className: className,
|
|
70
71
|
key: `row-first-color-${row[0].value}`,
|
|
71
|
-
role: "radiogroup"
|
|
72
|
+
role: "radiogroup",
|
|
73
|
+
"aria-label": ariaLabel
|
|
72
74
|
}, row.map(({
|
|
73
75
|
value,
|
|
74
76
|
label,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* ExtensionFloatingLabel.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./ExtensionFloatingLabel.compiled.css";
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* GeneratedContentReveal.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* GeneratedContentReveal.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./GeneratedContentReveal.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* UnknownMacroPlaceholder.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./UnknownMacroPlaceholder.compiled.css";
|
|
4
4
|
import * as React from 'react';
|
|
@@ -10,6 +10,11 @@ export var imageBorderMessages = defineMessages({
|
|
|
10
10
|
defaultMessage: 'Image border options Color dropdown',
|
|
11
11
|
description: 'ARIA label for the dropdown to change the border color of an image.'
|
|
12
12
|
},
|
|
13
|
+
borderColorRadioGroupAriaLabel: {
|
|
14
|
+
id: 'fabric.editor.imageBorderColor.radioGroupAriaLabel',
|
|
15
|
+
defaultMessage: 'Color options',
|
|
16
|
+
description: 'ARIA label for the group of selectable border colors in the image border options panel.'
|
|
17
|
+
},
|
|
13
18
|
borderSize: {
|
|
14
19
|
id: 'fabric.editor.imageBorderSize',
|
|
15
20
|
defaultMessage: 'Size',
|
|
@@ -20,6 +25,11 @@ export var imageBorderMessages = defineMessages({
|
|
|
20
25
|
defaultMessage: 'Image border options Size dropdown',
|
|
21
26
|
description: 'ARIA label for the dropdown to change the border size of an image.'
|
|
22
27
|
},
|
|
28
|
+
borderSizeRadioGroupAriaLabel: {
|
|
29
|
+
id: 'fabric.editor.imageBorderSize.radioGroupAriaLabel',
|
|
30
|
+
defaultMessage: 'Size options',
|
|
31
|
+
description: 'ARIA label for the group of selectable border sizes in the image border options panel.'
|
|
32
|
+
},
|
|
23
33
|
addBorder: {
|
|
24
34
|
id: 'fabric.editor.addImageBorder',
|
|
25
35
|
defaultMessage: 'Add border',
|
|
@@ -19,7 +19,7 @@ var NETWORK_FAILURE_REGEX = /^network failure/i;
|
|
|
19
19
|
var RESIZE_OBSERVER_LOOP_REGEX = /ResizeObserver loop completed with undelivered notifications/;
|
|
20
20
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
21
21
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
22
|
-
var packageVersion = "122.
|
|
22
|
+
var packageVersion = "122.7.0";
|
|
23
23
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
24
24
|
// Remove URL as it has UGC
|
|
25
25
|
// Ignored via go/ees007
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* CompactQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* CompactQuickInsertMenuItem.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
3
3
|
import "./CompactQuickInsertMenuItem.compiled.css";
|
|
4
4
|
import { ax, ix } from "@compiled/react/runtime";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* QuickInsertHoverPreview.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* QuickInsertHoverPreview.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
|
|
4
4
|
import "./QuickInsertHoverPreview.compiled.css";
|
|
@@ -21,7 +21,7 @@ import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
|
|
|
21
21
|
import { fg } from '@atlaskit/platform-feature-flags/fg';
|
|
22
22
|
import Layer from '../Layer';
|
|
23
23
|
var packageName = "@atlaskit/editor-common";
|
|
24
|
-
var packageVersion = "122.
|
|
24
|
+
var packageVersion = "122.7.0";
|
|
25
25
|
var halfFocusRing = 1;
|
|
26
26
|
var dropOffset = '0, 8';
|
|
27
27
|
var fadeIn = keyframes({
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v3.0.
|
|
1
|
+
/* DropdownTriggerWrapper.tsx generated by @compiled/babel-plugin v3.0.1 */
|
|
2
2
|
import "./DropdownTriggerWrapper.compiled.css";
|
|
3
3
|
import { ax, ix } from "@compiled/react/runtime";
|
|
4
4
|
import React from 'react';
|
|
@@ -47,7 +47,8 @@ var ColorPalette = function ColorPalette(props) {
|
|
|
47
47
|
selectedColor = props.selectedColor,
|
|
48
48
|
className = props.className,
|
|
49
49
|
formatMessage = props.intl.formatMessage,
|
|
50
|
-
paletteOptions = props.paletteOptions
|
|
50
|
+
paletteOptions = props.paletteOptions,
|
|
51
|
+
ariaLabel = props.ariaLabel;
|
|
51
52
|
var palette = paletteOptions.palette,
|
|
52
53
|
hexToPaletteColor = paletteOptions.hexToPaletteColor,
|
|
53
54
|
paletteColorTooltipMessages = paletteOptions.paletteColorTooltipMessages;
|
|
@@ -65,7 +66,8 @@ var ColorPalette = function ColorPalette(props) {
|
|
|
65
66
|
,
|
|
66
67
|
className: className,
|
|
67
68
|
key: "row-first-color-".concat(row[0].value),
|
|
68
|
-
role: "radiogroup"
|
|
69
|
+
role: "radiogroup",
|
|
70
|
+
"aria-label": ariaLabel
|
|
69
71
|
}, row.map(function (_ref) {
|
|
70
72
|
var value = _ref.value,
|
|
71
73
|
label = _ref.label,
|
|
@@ -1,52 +1,62 @@
|
|
|
1
1
|
export declare const imageBorderMessages: {
|
|
2
|
-
|
|
3
|
-
id: string;
|
|
2
|
+
addBorder: {
|
|
4
3
|
defaultMessage: string;
|
|
5
4
|
description: string;
|
|
6
|
-
};
|
|
7
|
-
borderColorDropdownAriaLabel: {
|
|
8
5
|
id: string;
|
|
6
|
+
};
|
|
7
|
+
borderColor: {
|
|
9
8
|
defaultMessage: string;
|
|
10
9
|
description: string;
|
|
11
|
-
};
|
|
12
|
-
borderSize: {
|
|
13
10
|
id: string;
|
|
11
|
+
};
|
|
12
|
+
borderColorDropdownAriaLabel: {
|
|
14
13
|
defaultMessage: string;
|
|
15
14
|
description: string;
|
|
16
|
-
};
|
|
17
|
-
borderSizeDropdownAriaLabel: {
|
|
18
15
|
id: string;
|
|
16
|
+
};
|
|
17
|
+
borderColorRadioGroupAriaLabel: {
|
|
19
18
|
defaultMessage: string;
|
|
20
19
|
description: string;
|
|
21
|
-
};
|
|
22
|
-
addBorder: {
|
|
23
20
|
id: string;
|
|
21
|
+
};
|
|
22
|
+
borderOptions: {
|
|
24
23
|
defaultMessage: string;
|
|
25
24
|
description: string;
|
|
26
|
-
};
|
|
27
|
-
removeBorder: {
|
|
28
25
|
id: string;
|
|
26
|
+
};
|
|
27
|
+
borderSize: {
|
|
29
28
|
defaultMessage: string;
|
|
30
29
|
description: string;
|
|
31
|
-
};
|
|
32
|
-
borderOptions: {
|
|
33
30
|
id: string;
|
|
31
|
+
};
|
|
32
|
+
borderSizeBold: {
|
|
34
33
|
defaultMessage: string;
|
|
35
34
|
description: string;
|
|
36
|
-
};
|
|
37
|
-
borderSizeSubtle: {
|
|
38
35
|
id: string;
|
|
36
|
+
};
|
|
37
|
+
borderSizeDropdownAriaLabel: {
|
|
39
38
|
defaultMessage: string;
|
|
40
39
|
description: string;
|
|
40
|
+
id: string;
|
|
41
41
|
};
|
|
42
42
|
borderSizeMedium: {
|
|
43
|
+
defaultMessage: string;
|
|
44
|
+
description: string;
|
|
43
45
|
id: string;
|
|
46
|
+
};
|
|
47
|
+
borderSizeRadioGroupAriaLabel: {
|
|
44
48
|
defaultMessage: string;
|
|
45
49
|
description: string;
|
|
50
|
+
id: string;
|
|
46
51
|
};
|
|
47
|
-
|
|
52
|
+
borderSizeSubtle: {
|
|
53
|
+
defaultMessage: string;
|
|
54
|
+
description: string;
|
|
48
55
|
id: string;
|
|
56
|
+
};
|
|
57
|
+
removeBorder: {
|
|
49
58
|
defaultMessage: string;
|
|
50
59
|
description: string;
|
|
60
|
+
id: string;
|
|
51
61
|
};
|
|
52
62
|
};
|
|
@@ -6,6 +6,10 @@ import React from 'react';
|
|
|
6
6
|
import type { WithIntlProps, WrappedComponentProps } from 'react-intl';
|
|
7
7
|
import type { PaletteColor, PaletteTooltipMessages } from './Palettes/type';
|
|
8
8
|
interface Props {
|
|
9
|
+
/**
|
|
10
|
+
* Accessible name for the radio group each row of colors is rendered as.
|
|
11
|
+
*/
|
|
12
|
+
ariaLabel?: string;
|
|
9
13
|
className?: string;
|
|
10
14
|
cols?: number;
|
|
11
15
|
onClick: (value: string, label: string) => void;
|
package/package.json
CHANGED