@atlaskit/editor-common 110.24.1 → 110.24.3
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 +14 -0
- package/dist/cjs/element-browser/components/CategoryList.js +2 -2
- package/dist/cjs/element-browser/components/ElementList/ElementList.js +4 -4
- package/dist/cjs/element-browser/components/ElementSearch.js +1 -1
- package/dist/cjs/extensibility/Extension/Extension/index.js +1 -1
- package/dist/cjs/extensibility/Extension/Extension/styles.js +4 -4
- package/dist/cjs/extensibility/Extension/InlineExtension/index.js +1 -1
- package/dist/cjs/extensibility/Extension/InlineExtension/styles.js +1 -1
- package/dist/cjs/extensibility/Extension/LegacyContentHeader/index.js +3 -3
- package/dist/cjs/extensibility/Extension/Lozenge/EditToggle.js +5 -5
- package/dist/cjs/extensibility/Extension/Lozenge/ExtensionLabel.js +4 -4
- package/dist/cjs/extensibility/Extension/styles.js +3 -3
- package/dist/cjs/extensibility/ExtensionNodeWrapper.js +3 -3
- package/dist/cjs/extensibility/MultiBodiedExtension/index.js +1 -1
- package/dist/cjs/extensibility/MultiBodiedExtension/styles.js +2 -2
- package/dist/cjs/floating-toolbar/DropdownMenuItem.js +1 -1
- package/dist/cjs/floating-toolbar/DropdownSeparator.js +1 -1
- package/dist/cjs/icons/shared/DynamicStrokeIconDecoration.js +1 -1
- package/dist/cjs/icons/shared/SteppedRainbowIconDecoration.js +2 -2
- package/dist/cjs/link/ConfigureLinkOverlay/StyledButton.js +4 -4
- package/dist/cjs/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -3
- package/dist/cjs/link/LinkSearch/LinkSearchList.js +1 -1
- package/dist/cjs/link/LinkSearch/LinkSearchListItem.js +3 -3
- package/dist/cjs/media-inline/styles.js +1 -1
- package/dist/cjs/media-inline/views/wrapper.js +3 -3
- package/dist/cjs/monitoring/error.js +1 -1
- package/dist/cjs/quick-insert/assets/panel-note.js +4 -4
- package/dist/cjs/quick-insert/assets/panel-success.js +2 -2
- package/dist/cjs/quick-insert/assets/panel-warning.js +4 -4
- package/dist/cjs/quick-insert/assets/panel.js +4 -4
- package/dist/cjs/styles/shared/headings.js +6 -6
- package/dist/cjs/styles/shared/plugins.js +1 -1
- package/dist/cjs/styles/shared/resizer.js +1 -1
- package/dist/cjs/table/SortingIcon.js +1 -1
- package/dist/cjs/ui/Caption/index.js +1 -1
- package/dist/cjs/ui/DropList/index.js +3 -3
- package/dist/cjs/ui/Expand/index.js +2 -2
- package/dist/cjs/ui/FloatingToolbar/Separator.js +2 -2
- package/dist/cjs/ui/FloatingToolbar/styles.js +10 -10
- package/dist/cjs/ui/Messages/index.js +2 -2
- package/dist/cjs/ui/PanelTextInput/styles.js +5 -5
- package/dist/cjs/ui/Shortcut/index.compiled.css +2 -2
- package/dist/cjs/ui/Shortcut/index.js +1 -1
- package/dist/cjs/ui/Toolbar/Separator.compiled.css +1 -1
- package/dist/cjs/ui/Toolbar/Separator.js +1 -1
- package/dist/cjs/ui/UnsupportedBlock/index.js +2 -2
- package/dist/cjs/ui/UnsupportedInline/index.js +2 -2
- package/dist/cjs/ui-color/ColorPalette/Color/styles.js +2 -2
- package/dist/cjs/ui-color/ColorPalette/index.js +1 -1
- package/dist/cjs/ui-menu/ColorPickerButton/index.js +3 -3
- package/dist/cjs/ui-menu/DropdownMenu/index.js +2 -2
- package/dist/cjs/utils/processRawValue.js +7 -0
- package/dist/es2019/element-browser/components/CategoryList.js +2 -2
- package/dist/es2019/element-browser/components/ElementList/ElementList.js +4 -4
- package/dist/es2019/element-browser/components/ElementSearch.js +1 -1
- package/dist/es2019/extensibility/Extension/Extension/index.js +1 -1
- package/dist/es2019/extensibility/Extension/Extension/styles.js +4 -4
- package/dist/es2019/extensibility/Extension/InlineExtension/index.js +1 -1
- package/dist/es2019/extensibility/Extension/InlineExtension/styles.js +1 -1
- package/dist/es2019/extensibility/Extension/LegacyContentHeader/index.js +3 -3
- package/dist/es2019/extensibility/Extension/Lozenge/EditToggle.js +5 -5
- package/dist/es2019/extensibility/Extension/Lozenge/ExtensionLabel.js +4 -4
- package/dist/es2019/extensibility/Extension/styles.js +3 -3
- package/dist/es2019/extensibility/ExtensionNodeWrapper.js +3 -3
- package/dist/es2019/extensibility/MultiBodiedExtension/index.js +1 -1
- package/dist/es2019/extensibility/MultiBodiedExtension/styles.js +2 -2
- package/dist/es2019/floating-toolbar/DropdownMenuItem.js +1 -1
- package/dist/es2019/floating-toolbar/DropdownSeparator.js +1 -1
- package/dist/es2019/icons/shared/DynamicStrokeIconDecoration.js +1 -1
- package/dist/es2019/icons/shared/SteppedRainbowIconDecoration.js +2 -2
- package/dist/es2019/link/ConfigureLinkOverlay/StyledButton.js +4 -4
- package/dist/es2019/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -3
- package/dist/es2019/link/LinkSearch/LinkSearchList.js +1 -1
- package/dist/es2019/link/LinkSearch/LinkSearchListItem.js +3 -3
- package/dist/es2019/media-inline/styles.js +1 -1
- package/dist/es2019/media-inline/views/wrapper.js +3 -3
- package/dist/es2019/monitoring/error.js +1 -1
- package/dist/es2019/quick-insert/assets/panel-note.js +4 -4
- package/dist/es2019/quick-insert/assets/panel-success.js +2 -2
- package/dist/es2019/quick-insert/assets/panel-warning.js +4 -4
- package/dist/es2019/quick-insert/assets/panel.js +4 -4
- package/dist/es2019/styles/shared/headings.js +6 -6
- package/dist/es2019/styles/shared/plugins.js +1 -1
- package/dist/es2019/styles/shared/resizer.js +6 -6
- package/dist/es2019/table/SortingIcon.js +1 -1
- package/dist/es2019/ui/Caption/index.js +1 -1
- package/dist/es2019/ui/DropList/index.js +3 -3
- package/dist/es2019/ui/Expand/index.js +2 -2
- package/dist/es2019/ui/FloatingToolbar/Separator.js +2 -2
- package/dist/es2019/ui/FloatingToolbar/styles.js +10 -10
- package/dist/es2019/ui/Messages/index.js +2 -2
- package/dist/es2019/ui/PanelTextInput/styles.js +5 -5
- package/dist/es2019/ui/Shortcut/index.compiled.css +2 -2
- package/dist/es2019/ui/Shortcut/index.js +1 -1
- package/dist/es2019/ui/Toolbar/Separator.compiled.css +1 -1
- package/dist/es2019/ui/Toolbar/Separator.js +1 -1
- package/dist/es2019/ui/UnsupportedBlock/index.js +2 -2
- package/dist/es2019/ui/UnsupportedInline/index.js +2 -2
- package/dist/es2019/ui-color/ColorPalette/Color/styles.js +2 -2
- package/dist/es2019/ui-color/ColorPalette/index.js +1 -1
- package/dist/es2019/ui-menu/ColorPickerButton/index.js +3 -3
- package/dist/es2019/ui-menu/DropdownMenu/index.js +3 -3
- package/dist/es2019/utils/processRawValue.js +9 -2
- package/dist/esm/element-browser/components/CategoryList.js +2 -2
- package/dist/esm/element-browser/components/ElementList/ElementList.js +4 -4
- package/dist/esm/element-browser/components/ElementSearch.js +1 -1
- package/dist/esm/extensibility/Extension/Extension/index.js +1 -1
- package/dist/esm/extensibility/Extension/Extension/styles.js +4 -4
- package/dist/esm/extensibility/Extension/InlineExtension/index.js +1 -1
- package/dist/esm/extensibility/Extension/InlineExtension/styles.js +1 -1
- package/dist/esm/extensibility/Extension/LegacyContentHeader/index.js +3 -3
- package/dist/esm/extensibility/Extension/Lozenge/EditToggle.js +5 -5
- package/dist/esm/extensibility/Extension/Lozenge/ExtensionLabel.js +4 -4
- package/dist/esm/extensibility/Extension/styles.js +3 -3
- package/dist/esm/extensibility/ExtensionNodeWrapper.js +3 -3
- package/dist/esm/extensibility/MultiBodiedExtension/index.js +1 -1
- package/dist/esm/extensibility/MultiBodiedExtension/styles.js +2 -2
- package/dist/esm/floating-toolbar/DropdownMenuItem.js +1 -1
- package/dist/esm/floating-toolbar/DropdownSeparator.js +1 -1
- package/dist/esm/icons/shared/DynamicStrokeIconDecoration.js +1 -1
- package/dist/esm/icons/shared/SteppedRainbowIconDecoration.js +2 -2
- package/dist/esm/link/ConfigureLinkOverlay/StyledButton.js +4 -4
- package/dist/esm/link/LinkPicker/HyperlinkAddToolbar/HyperlinkAddToolbar.js +3 -3
- package/dist/esm/link/LinkSearch/LinkSearchList.js +1 -1
- package/dist/esm/link/LinkSearch/LinkSearchListItem.js +3 -3
- package/dist/esm/media-inline/styles.js +1 -1
- package/dist/esm/media-inline/views/wrapper.js +3 -3
- package/dist/esm/monitoring/error.js +1 -1
- package/dist/esm/quick-insert/assets/panel-note.js +4 -4
- package/dist/esm/quick-insert/assets/panel-success.js +2 -2
- package/dist/esm/quick-insert/assets/panel-warning.js +4 -4
- package/dist/esm/quick-insert/assets/panel.js +4 -4
- package/dist/esm/styles/shared/headings.js +6 -6
- package/dist/esm/styles/shared/plugins.js +1 -1
- package/dist/esm/styles/shared/resizer.js +1 -1
- package/dist/esm/table/SortingIcon.js +1 -1
- package/dist/esm/ui/Caption/index.js +1 -1
- package/dist/esm/ui/DropList/index.js +3 -3
- package/dist/esm/ui/Expand/index.js +2 -2
- package/dist/esm/ui/FloatingToolbar/Separator.js +2 -2
- package/dist/esm/ui/FloatingToolbar/styles.js +10 -10
- package/dist/esm/ui/Messages/index.js +2 -2
- package/dist/esm/ui/PanelTextInput/styles.js +5 -5
- package/dist/esm/ui/Shortcut/index.compiled.css +2 -2
- package/dist/esm/ui/Shortcut/index.js +1 -1
- package/dist/esm/ui/Toolbar/Separator.compiled.css +1 -1
- package/dist/esm/ui/Toolbar/Separator.js +1 -1
- package/dist/esm/ui/UnsupportedBlock/index.js +2 -2
- package/dist/esm/ui/UnsupportedInline/index.js +2 -2
- package/dist/esm/ui-color/ColorPalette/Color/styles.js +2 -2
- package/dist/esm/ui-color/ColorPalette/index.js +1 -1
- package/dist/esm/ui-menu/ColorPickerButton/index.js +3 -3
- package/dist/esm/ui-menu/DropdownMenu/index.js +2 -2
- package/dist/esm/utils/processRawValue.js +8 -1
- package/package.json +9 -6
|
@@ -16,8 +16,8 @@ import { trackUnsupportedContentTooltipDisplayedFor } from '../../utils/track-un
|
|
|
16
16
|
import { getUnsupportedContent } from '../unsupported-content-helper';
|
|
17
17
|
const inlineNodeStyle = css({
|
|
18
18
|
alignItems: 'center',
|
|
19
|
-
background: "var(--ds-background-disabled, #
|
|
20
|
-
border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #
|
|
19
|
+
background: "var(--ds-background-disabled, #17171708)",
|
|
20
|
+
border: `${"var(--ds-border-width, 1px)"} dashed ${"var(--ds-border-disabled, #0515240F)"}`,
|
|
21
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
22
22
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
23
23
|
boxSizing: 'border-box',
|
|
@@ -6,7 +6,7 @@ import { css } from '@emotion/react';
|
|
|
6
6
|
export const buttonStyle = css({
|
|
7
7
|
height: '26px',
|
|
8
8
|
width: '26px',
|
|
9
|
-
background: "var(--ds-background-neutral, #
|
|
9
|
+
background: "var(--ds-background-neutral, #0515240F)",
|
|
10
10
|
padding: 0,
|
|
11
11
|
borderRadius: "var(--ds-radius-small, 4px)",
|
|
12
12
|
border: `1px solid ${"var(--ds-border-inverse, #FFFFFF)"}`,
|
|
@@ -28,7 +28,7 @@ export const buttonWrapperStyle = css({
|
|
|
28
28
|
borderRadius: "var(--ds-radius-medium, 6px)",
|
|
29
29
|
'&:focus-within, &:focus, &:hover': {
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
31
|
-
borderColor: `${"var(--ds-border, #
|
|
31
|
+
borderColor: `${"var(--ds-border, #0B120E24)"} !important`
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -35,7 +35,7 @@ function getCheckMarkColor(color, useIconToken) {
|
|
|
35
35
|
// they are only intended for use with text colors (and there are different tokens
|
|
36
36
|
// planned to be used when this extended to be used with other palettes).
|
|
37
37
|
// eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
|
|
38
|
-
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #
|
|
38
|
+
return contrastColor === '#FFFFFF' ? "var(--ds-icon-inverse, #FFFFFF)" : "var(--ds-icon, #292A2E)";
|
|
39
39
|
}
|
|
40
40
|
const ColorPalette = props => {
|
|
41
41
|
const {
|
|
@@ -47,7 +47,7 @@ const colorPickerButtonStyle = css({
|
|
|
47
47
|
border: 'none'
|
|
48
48
|
},
|
|
49
49
|
'&:hover': {
|
|
50
|
-
backgroundColor: `${"var(--ds-background-selected, #
|
|
50
|
+
backgroundColor: `${"var(--ds-background-selected, #E9F2FE)"}`
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
});
|
|
@@ -59,7 +59,7 @@ const colorPickerButtonStyle = css({
|
|
|
59
59
|
const colorPickerWrapper = () => css({
|
|
60
60
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
61
61
|
backgroundColor: "var(--ds-surface-overlay, #FFFFFF)",
|
|
62
|
-
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #
|
|
62
|
+
boxShadow: "var(--ds-shadow-overlay, 0px 8px 12px #1E1F2126, 0px 0px 1px #1E1F214f)",
|
|
63
63
|
padding: `${"var(--ds-space-100, 8px)"} 0px`
|
|
64
64
|
});
|
|
65
65
|
/* eslint-enable @atlaskit/design-system/ensure-design-token-usage */
|
|
@@ -212,7 +212,7 @@ const ColorPickerButton = props => {
|
|
|
212
212
|
margin: `0px ${"var(--ds-space-025, 2px)"}`
|
|
213
213
|
},
|
|
214
214
|
'&:hover': {
|
|
215
|
-
background: "var(--ds-background-neutral-subtle-hovered, #
|
|
215
|
+
background: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
|
|
216
216
|
}
|
|
217
217
|
});
|
|
218
218
|
};
|
|
@@ -30,7 +30,7 @@ const wrapper = css({
|
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
32
|
const focusedMenuItemStyle = css({
|
|
33
|
-
boxShadow: `inset 0px 0px 0px 2px ${"var(--ds-border-focused, #
|
|
33
|
+
boxShadow: `inset 0px 0px 0px 2px ${"var(--ds-border-focused, #4688EC)"}`,
|
|
34
34
|
outline: 'none'
|
|
35
35
|
});
|
|
36
36
|
const buttonStyles = (isActive, submenuActive) => {
|
|
@@ -91,7 +91,7 @@ const buttonStyles = (isActive, submenuActive) => {
|
|
|
91
91
|
// eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression -- needs manual remediation
|
|
92
92
|
return css`
|
|
93
93
|
> span:hover[aria-disabled='false'] {
|
|
94
|
-
color: ${"var(--ds-text, #
|
|
94
|
+
color: ${"var(--ds-text, #292A2E)"};
|
|
95
95
|
background-color: ${"var(--ds-background-neutral-subtle-hovered, rgb(244, 245, 247))"};
|
|
96
96
|
}
|
|
97
97
|
${!submenuActive && `
|
|
@@ -99,7 +99,7 @@ const buttonStyles = (isActive, submenuActive) => {
|
|
|
99
99
|
background-color: ${"var(--ds-background-neutral-subtle-pressed, rgb(179, 212, 255))"};
|
|
100
100
|
}`}
|
|
101
101
|
> span[aria-disabled='true'] {
|
|
102
|
-
color: ${"var(--ds-text-disabled, #
|
|
102
|
+
color: ${"var(--ds-text-disabled, #080F214A)"};
|
|
103
103
|
}
|
|
104
104
|
:focus > span[aria-disabled='false'] {
|
|
105
105
|
${focusedMenuItemStyle};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import { transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNestedTablesIncomingDocument, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
|
|
1
|
+
import { syncBlockFallbackTransform, transformDedupeMarks, transformIndentationMarks, transformInvalidMediaContent, transformMediaLinkMarks, transformNestedTablesIncomingDocument, transformNodesMissingContent, transformTextLinkCodeMarks } from '@atlaskit/adf-utils/transforms';
|
|
2
2
|
import { Fragment, Node } from '@atlaskit/editor-prosemirror/model';
|
|
3
|
+
import { fg } from '@atlaskit/platform-feature-flags';
|
|
3
4
|
import { ACTION, ACTION_SUBJECT, EVENT_TYPE } from '../analytics';
|
|
4
5
|
import { sanitizeNodeForPrivacy } from './filter/privacy-filter';
|
|
5
6
|
import { findAndTrackUnsupportedContentNodes } from './track-unsupported-content';
|
|
@@ -58,9 +59,15 @@ export function processRawValueWithoutValidation(schema, value, dispatchAnalytic
|
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
// Convert nested-table extensions into nested tables
|
|
61
|
-
|
|
62
|
+
let {
|
|
62
63
|
transformedAdf
|
|
63
64
|
} = transformNestedTablesWithAnalytics(node, dispatchAnalyticsEvent);
|
|
65
|
+
if (fg('platform_editor_sync_block_fallback_transform')) {
|
|
66
|
+
const result = syncBlockFallbackTransform(schema, transformedAdf);
|
|
67
|
+
if (result.isTransformed && result.transformedAdf) {
|
|
68
|
+
transformedAdf = result.transformedAdf;
|
|
69
|
+
}
|
|
70
|
+
}
|
|
64
71
|
return Node.fromJSON(schema, transformedAdf);
|
|
65
72
|
}
|
|
66
73
|
export function processRawValue(schema, value, providerFactory, sanitizePrivateContent, contentTransformer, dispatchAnalyticsEvent) {
|
|
@@ -113,9 +113,9 @@ function CategoryListItem(_ref2) {
|
|
|
113
113
|
marginLeft: "var(--ds-space-025, 2px)",
|
|
114
114
|
height: '100%',
|
|
115
115
|
width: '100%',
|
|
116
|
-
color: category.name !== selectedCategory ? "var(--ds-text, #
|
|
116
|
+
color: category.name !== selectedCategory ? "var(--ds-text, #292A2E)" : "var(--ds-text-selected, #1868DB)"
|
|
117
117
|
}, category.name === selectedCategory && {
|
|
118
|
-
background: "var(--ds-background-selected, #
|
|
118
|
+
background: "var(--ds-background-selected, #E9F2FE)"
|
|
119
119
|
})
|
|
120
120
|
}, rest);
|
|
121
121
|
}, [category.name, selectedCategory]);
|
|
@@ -498,7 +498,7 @@ var elementItemsWrapper = css({
|
|
|
498
498
|
outline: 'none',
|
|
499
499
|
'&:focus': {
|
|
500
500
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
501
|
-
boxShadow: "0 0 0 ".concat(ELEMENT_LIST_PADDING, "px ", "var(--ds-border-focused, #
|
|
501
|
+
boxShadow: "0 0 0 ".concat(ELEMENT_LIST_PADDING, "px ", "var(--ds-border-focused, #4688EC)")
|
|
502
502
|
}
|
|
503
503
|
},
|
|
504
504
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -557,7 +557,7 @@ var itemDescription = css(multilineStyle, {
|
|
|
557
557
|
overflow: 'hidden',
|
|
558
558
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
559
559
|
fontSize: relativeFontSizeToBase16(11.67),
|
|
560
|
-
color: "var(--ds-text-subtle, #
|
|
560
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
561
561
|
marginTop: "var(--ds-space-025, 2px)"
|
|
562
562
|
});
|
|
563
563
|
|
|
@@ -566,7 +566,7 @@ var itemDescriptionDisabled = css(multilineStyle, {
|
|
|
566
566
|
overflow: 'hidden',
|
|
567
567
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
568
568
|
fontSize: relativeFontSizeToBase16(11.67),
|
|
569
|
-
color: "var(--ds-text-disabled, #
|
|
569
|
+
color: "var(--ds-text-disabled, #080F214A)",
|
|
570
570
|
marginTop: "var(--ds-space-025, 2px)"
|
|
571
571
|
});
|
|
572
572
|
var itemText = css({
|
|
@@ -588,7 +588,7 @@ var itemTitleDisabled = css({
|
|
|
588
588
|
overflow: 'hidden',
|
|
589
589
|
whiteSpace: 'nowrap',
|
|
590
590
|
textOverflow: 'ellipsis',
|
|
591
|
-
color: "var(--ds-text-disabled, #
|
|
591
|
+
color: "var(--ds-text-disabled, #080F214A)"
|
|
592
592
|
});
|
|
593
593
|
var itemAfter = css({
|
|
594
594
|
flex: '0 0 auto',
|
|
@@ -95,7 +95,7 @@ function ElementSearch(_ref) {
|
|
|
95
95
|
}, jsx(SearchIcon, {
|
|
96
96
|
spacing: "spacious",
|
|
97
97
|
label: "Advanced search",
|
|
98
|
-
color: "var(--ds-icon-subtle, #
|
|
98
|
+
color: "var(--ds-icon-subtle, #505258)"
|
|
99
99
|
})),
|
|
100
100
|
elemAfterInput: jsx("div", {
|
|
101
101
|
css: elementAfterInput,
|
|
@@ -26,7 +26,7 @@ import { isEmptyBodiedMacro } from './extension-utils';
|
|
|
26
26
|
import { content, contentWrapper, extensionContent, header, overflowWrapperStyles, widerLayoutClassName, wrapperStyleInheritedCursor } from './styles';
|
|
27
27
|
var hoverStyles = css({
|
|
28
28
|
'&:hover': {
|
|
29
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
29
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
30
30
|
}
|
|
31
31
|
});
|
|
32
32
|
function ExtensionWithPluginState(props) {
|
|
@@ -16,11 +16,11 @@ var wrapperStyleWithoutCursor = css(wrapperDefault, {
|
|
|
16
16
|
},
|
|
17
17
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
18
18
|
'&.with-bodied-border': {
|
|
19
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #
|
|
19
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
20
20
|
},
|
|
21
21
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
22
|
'&.with-hover-border': {
|
|
23
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
23
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
24
24
|
},
|
|
25
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
26
26
|
'&.with-margin-styles': {
|
|
@@ -63,7 +63,7 @@ export var header = css({
|
|
|
63
63
|
export var content = css({
|
|
64
64
|
padding: "var(--ds-space-100, 8px)",
|
|
65
65
|
background: "var(--ds-surface, white)",
|
|
66
|
-
border: "1px solid ".concat("var(--ds-border, #
|
|
66
|
+
border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
|
|
67
67
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
68
68
|
cursor: 'initial',
|
|
69
69
|
width: '100%',
|
|
@@ -83,7 +83,7 @@ export var extensionContent = css({
|
|
|
83
83
|
paddingTop: "var(--ds-space-100, 8px)",
|
|
84
84
|
paddingBottom: "var(--ds-space-100, 8px)",
|
|
85
85
|
background: "var(--ds-surface, white)",
|
|
86
|
-
border: "1px solid ".concat("var(--ds-border, #
|
|
86
|
+
border: "1px solid ".concat("var(--ds-border, #0B120E24)"),
|
|
87
87
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
88
88
|
cursor: 'initial',
|
|
89
89
|
width: '100%',
|
|
@@ -28,7 +28,7 @@ var inlineWrapperStyles = css({
|
|
|
28
28
|
});
|
|
29
29
|
var hoverStyles = css({
|
|
30
30
|
'&:hover': {
|
|
31
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
31
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
var InlineExtension = function InlineExtension(props) {
|
|
@@ -23,6 +23,6 @@ export var wrapperStyle = css(wrapperDefault, {
|
|
|
23
23
|
},
|
|
24
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
25
|
'&.with-hover-border': {
|
|
26
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
26
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
27
27
|
}
|
|
28
28
|
});
|
|
@@ -38,12 +38,12 @@ var lcmHeaderStyles = css({
|
|
|
38
38
|
top: "-1px",
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
40
40
|
'&.with-hover-border': {
|
|
41
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
41
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
42
42
|
},
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
44
44
|
'&.selected': {
|
|
45
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #
|
|
46
|
-
backgroundColor: "var(--ds-background-selected, #
|
|
45
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
|
|
46
|
+
backgroundColor: "var(--ds-background-selected, #E9F2FE)"
|
|
47
47
|
},
|
|
48
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
49
49
|
'& .status-lozenge-span': {
|
|
@@ -23,25 +23,25 @@ var buttonContainerStyles = css({
|
|
|
23
23
|
top: '-28px',
|
|
24
24
|
display: 'inline-flex',
|
|
25
25
|
justifyContent: 'flex-end',
|
|
26
|
-
color: "var(--ds-text-subtle, #
|
|
26
|
+
color: "var(--ds-text-subtle, #505258)"
|
|
27
27
|
});
|
|
28
28
|
var buttonStyles = css({
|
|
29
29
|
display: 'flex',
|
|
30
30
|
alignItems: 'center',
|
|
31
31
|
cursor: 'pointer',
|
|
32
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #
|
|
32
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)"),
|
|
33
33
|
minHeight: "var(--ds-space-300, 24px)",
|
|
34
34
|
borderRadius: "var(--ds-radius-small, 4px)",
|
|
35
35
|
paddingLeft: "var(--ds-space-150, 12px)",
|
|
36
36
|
paddingRight: "var(--ds-space-150, 12px)",
|
|
37
37
|
font: "var(--ds-font-body, normal 400 14px/20px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
38
38
|
'&:hover': {
|
|
39
|
-
backgroundColor: "var(--ds-background-input-hovered, #
|
|
39
|
+
backgroundColor: "var(--ds-background-input-hovered, #F8F8F8)"
|
|
40
40
|
},
|
|
41
|
-
outlineColor: "var(--ds-border-focused, #
|
|
41
|
+
outlineColor: "var(--ds-border-focused, #4688EC)",
|
|
42
42
|
border: 'none',
|
|
43
43
|
backgroundColor: "var(--ds-background-input, #FFFFFF)",
|
|
44
|
-
color: "var(--ds-text-subtle, #
|
|
44
|
+
color: "var(--ds-text-subtle, #505258)"
|
|
45
45
|
});
|
|
46
46
|
var showButtonContainerStyle = css({
|
|
47
47
|
opacity: 1
|
|
@@ -62,15 +62,15 @@ var labelStyles = css({
|
|
|
62
62
|
},
|
|
63
63
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
64
64
|
'&.bodied-border': {
|
|
65
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #
|
|
65
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
66
66
|
},
|
|
67
67
|
minHeight: "var(--ds-space-300, 24px)",
|
|
68
68
|
alignItems: 'center',
|
|
69
69
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
70
70
|
paddingLeft: "var(--ds-space-100, 8px)",
|
|
71
71
|
paddingRight: "var(--ds-space-100, 8px)",
|
|
72
|
-
color: "var(--ds-text-subtle, #
|
|
73
|
-
backgroundColor: "var(--ds-background-accent-gray-subtlest, #
|
|
72
|
+
color: "var(--ds-text-subtle, #505258)",
|
|
73
|
+
backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
|
|
74
74
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
75
75
|
'&.remove-left-margin': {
|
|
76
76
|
marginLeft: "var(--ds-space-negative-150, -12px)"
|
|
@@ -83,7 +83,7 @@ var labelStyles = css({
|
|
|
83
83
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
84
84
|
'&.with-bodied-macro-live-page-styles': {
|
|
85
85
|
backgroundColor: "var(--ds-background-input, #FFFFFF)",
|
|
86
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #
|
|
86
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
87
87
|
}
|
|
88
88
|
});
|
|
89
89
|
var spacerStyles = xcss({
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
4
4
|
export var wrapperDefault = css({
|
|
5
|
-
background: "var(--ds-background-neutral, #
|
|
5
|
+
background: "var(--ds-background-neutral, #0515240F)",
|
|
6
6
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
7
7
|
position: 'relative',
|
|
8
8
|
verticalAlign: 'middle',
|
|
@@ -10,7 +10,7 @@ export var wrapperDefault = css({
|
|
|
10
10
|
'&.with-overlay': {
|
|
11
11
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
12
12
|
'.extension-overlay': {
|
|
13
|
-
background: "var(--ds-background-neutral-hovered, #
|
|
13
|
+
background: "var(--ds-background-neutral-hovered, #0B120E24)",
|
|
14
14
|
color: 'transparent'
|
|
15
15
|
},
|
|
16
16
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
@@ -51,7 +51,7 @@ export var placeholderFallbackParams = css({
|
|
|
51
51
|
display: 'inline-block',
|
|
52
52
|
maxWidth: '200px',
|
|
53
53
|
marginLeft: "var(--ds-space-050, 4px)",
|
|
54
|
-
color: "var(--ds-text-subtlest, #
|
|
54
|
+
color: "var(--ds-text-subtlest, #6B6E76)",
|
|
55
55
|
textOverflow: 'ellipsis',
|
|
56
56
|
whiteSpace: 'nowrap',
|
|
57
57
|
overflow: 'hidden'
|
|
@@ -23,12 +23,12 @@ var styles = css({
|
|
|
23
23
|
var hoverStyles = css({
|
|
24
24
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
25
25
|
':has(.extension-label:hover) .extension-container, :has(.extension-edit-toggle-container:hover) .extension-container': {
|
|
26
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
26
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
27
27
|
},
|
|
28
28
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
29
29
|
':has(.extension-container:hover) .extension-label, :has(.extension-edit-toggle-container:hover) .extension-label, .extension-label:hover': {
|
|
30
30
|
opacity: 1,
|
|
31
|
-
backgroundColor: "var(--ds-background-accent-gray-subtlest, #
|
|
31
|
+
backgroundColor: "var(--ds-background-accent-gray-subtlest, #F0F1F2)",
|
|
32
32
|
boxShadow: 'none',
|
|
33
33
|
cursor: 'pointer',
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
@@ -39,7 +39,7 @@ var hoverStyles = css({
|
|
|
39
39
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors
|
|
40
40
|
'&.with-bodied-macro-live-page-styles': {
|
|
41
41
|
backgroundColor: "var(--ds-background-input, #FFFFFF)",
|
|
42
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #
|
|
42
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
43
43
|
}
|
|
44
44
|
},
|
|
45
45
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors
|
|
@@ -41,7 +41,7 @@ var imageStyles = css({
|
|
|
41
41
|
});
|
|
42
42
|
var hoverStyles = css({
|
|
43
43
|
'&:hover': {
|
|
44
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
44
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
45
45
|
}
|
|
46
46
|
});
|
|
47
47
|
var MultiBodiedExtensionFrames = function MultiBodiedExtensionFrames(_ref) {
|
|
@@ -29,11 +29,11 @@ export var mbeExtensionWrapperCSSStyles = css(wrapperDefault, {
|
|
|
29
29
|
},
|
|
30
30
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
31
31
|
'&.with-border': {
|
|
32
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #
|
|
32
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border, #0B120E24)")
|
|
33
33
|
},
|
|
34
34
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
35
35
|
'&.with-hover-border': {
|
|
36
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #
|
|
36
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-input, #8C8F97)")
|
|
37
37
|
},
|
|
38
38
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
39
39
|
'&.with-padding-background-styles': {
|
|
@@ -40,7 +40,7 @@ var SelectedIconBefore = function SelectedIconBefore(_ref) {
|
|
|
40
40
|
return jsx("span", {
|
|
41
41
|
"aria-hidden": "true"
|
|
42
42
|
}, jsx(EditorDoneIcon, {
|
|
43
|
-
LEGACY_primaryColor: "var(--ds-icon-selected, #
|
|
43
|
+
LEGACY_primaryColor: "var(--ds-icon-selected, #1868DB)",
|
|
44
44
|
LEGACY_size: "small",
|
|
45
45
|
label: intl.formatMessage(messages.confirmModalOK),
|
|
46
46
|
spacing: "none"
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
|
|
6
6
|
import { css, jsx } from '@emotion/react';
|
|
7
7
|
var separatorStyles = css({
|
|
8
|
-
background: "var(--ds-border, #
|
|
8
|
+
background: "var(--ds-border, #0B120E24)",
|
|
9
9
|
height: '1px'
|
|
10
10
|
});
|
|
11
11
|
export var DropdownSeparator = function DropdownSeparator() {
|
|
@@ -23,7 +23,7 @@ var getBackground = function getBackground(selectedColor, disabled) {
|
|
|
23
23
|
if (selectedColor) {
|
|
24
24
|
return selectedColor;
|
|
25
25
|
}
|
|
26
|
-
return disabled ? "var(--ds-icon-disabled, #
|
|
26
|
+
return disabled ? "var(--ds-icon-disabled, #080F214A)" : "var(--ds-icon, #292A2E)";
|
|
27
27
|
};
|
|
28
28
|
export var DynamicStrokeIconDecoration = function DynamicStrokeIconDecoration(_ref) {
|
|
29
29
|
var selectedColor = _ref.selectedColor,
|
|
@@ -17,8 +17,8 @@ var createSteppedRainbow = function createSteppedRainbow(colors) {
|
|
|
17
17
|
return "\n ".concat(color, " ").concat((pos - 1) * inc, "%,\n ").concat(color, " ").concat(pos * inc, "%,\n ");
|
|
18
18
|
}).join('\n'), "\n )");
|
|
19
19
|
};
|
|
20
|
-
export var rainbow = createSteppedRainbow(["var(--ds-background-accent-purple-bolder, #
|
|
21
|
-
export var disabledRainbow = createSteppedRainbow(["var(--ds-background-accent-gray-subtle, #
|
|
20
|
+
export var rainbow = createSteppedRainbow(["var(--ds-background-accent-purple-bolder, #964AC0)", "var(--ds-background-accent-teal-subtle, #6CC3E0)", "var(--ds-background-accent-orange-subtle, #FCA700)", "var(--ds-background-accent-red-bolder, #C9372C)"]);
|
|
21
|
+
export var disabledRainbow = createSteppedRainbow(["var(--ds-background-accent-gray-subtle, #8C8F97)", "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)", "var(--ds-background-accent-gray-subtle-pressed, #DDDEE1)", "var(--ds-background-accent-gray-subtle-hovered, #B7B9BE)"]);
|
|
22
22
|
var barStyles = css({
|
|
23
23
|
position: 'absolute',
|
|
24
24
|
left: 0,
|
|
@@ -10,13 +10,13 @@ import { css, jsx } from '@emotion/react';
|
|
|
10
10
|
import Button from '@atlaskit/button';
|
|
11
11
|
var buttonStyles = css({
|
|
12
12
|
display: 'flex',
|
|
13
|
-
background: "var(--ds-background-neutral, #
|
|
14
|
-
color: "var(--ds-icon, #
|
|
13
|
+
background: "var(--ds-background-neutral, #0515240F)",
|
|
14
|
+
color: "var(--ds-icon, #292A2E)",
|
|
15
15
|
'&:hover': {
|
|
16
|
-
background: "var(--ds-background-neutral-hovered, #
|
|
16
|
+
background: "var(--ds-background-neutral-hovered, #0B120E24)"
|
|
17
17
|
},
|
|
18
18
|
'&:active': {
|
|
19
|
-
background: "var(--ds-background-neutral-pressed, #
|
|
19
|
+
background: "var(--ds-background-neutral-pressed, #080F214A)"
|
|
20
20
|
},
|
|
21
21
|
width: '1.375rem',
|
|
22
22
|
height: '1.25rem'
|
|
@@ -73,7 +73,7 @@ var textLabelMargin = css({
|
|
|
73
73
|
marginTop: "var(--ds-space-150, 12px)"
|
|
74
74
|
});
|
|
75
75
|
var inputLabel = css({
|
|
76
|
-
color: "var(--ds-text-subtlest, #
|
|
76
|
+
color: "var(--ds-text-subtlest, #6B6E76)",
|
|
77
77
|
paddingBottom: "var(--ds-space-050, 4px)",
|
|
78
78
|
font: "var(--ds-font-body-small, normal 400 11px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif)",
|
|
79
79
|
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
@@ -929,7 +929,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
|
|
|
929
929
|
onClick: this.handleClearText
|
|
930
930
|
}, jsx(CrossCircleIcon, {
|
|
931
931
|
label: formatClearLinkText,
|
|
932
|
-
color: "var(--ds-icon-subtle, #
|
|
932
|
+
color: "var(--ds-icon-subtle, #505258)"
|
|
933
933
|
}))))), jsx("label", {
|
|
934
934
|
htmlFor: displayTextInputId,
|
|
935
935
|
css: [inputLabel, textLabelMargin]
|
|
@@ -956,7 +956,7 @@ export var HyperlinkLinkAddToolbar = /*#__PURE__*/function (_PureComponent) {
|
|
|
956
956
|
onKeyDown: this.handleClearTextKeyDown
|
|
957
957
|
}, jsx(CrossCircleIcon, {
|
|
958
958
|
label: formatMessage(messages.clearText),
|
|
959
|
-
color: "var(--ds-icon-subtle, #
|
|
959
|
+
color: "var(--ds-icon-subtle, #505258)"
|
|
960
960
|
}))))), jsx("div", {
|
|
961
961
|
css: visuallyHiddenStyles,
|
|
962
962
|
"aria-live": "polite",
|
|
@@ -10,7 +10,7 @@ import ForwardedLinkSearchListItemNextWithIntl from './LinkSearchListItem';
|
|
|
10
10
|
var listContainer = css({
|
|
11
11
|
paddingTop: 0,
|
|
12
12
|
marginTop: "var(--ds-space-150, 12px)",
|
|
13
|
-
borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #
|
|
13
|
+
borderTop: "var(--ds-border-width, 1px)".concat(" solid ", "var(--ds-border, #0B120E24)")
|
|
14
14
|
});
|
|
15
15
|
var spinnerContainer = css({
|
|
16
16
|
textAlign: 'center',
|
|
@@ -24,7 +24,7 @@ export var container = css({
|
|
|
24
24
|
|
|
25
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
26
26
|
export var containerSelected = css({
|
|
27
|
-
backgroundColor: "var(--ds-background-neutral-subtle-hovered, #
|
|
27
|
+
backgroundColor: "var(--ds-background-neutral-subtle-hovered, #0515240F)"
|
|
28
28
|
});
|
|
29
29
|
var nameWrapper = css({
|
|
30
30
|
overflow: 'hidden'
|
|
@@ -32,7 +32,7 @@ var nameWrapper = css({
|
|
|
32
32
|
|
|
33
33
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
34
34
|
export var nameStyle = css({
|
|
35
|
-
color: "var(--ds-text, #
|
|
35
|
+
color: "var(--ds-text, #292A2E)",
|
|
36
36
|
overflow: 'hidden',
|
|
37
37
|
textOverflow: 'ellipsis',
|
|
38
38
|
whiteSpace: 'nowrap',
|
|
@@ -42,7 +42,7 @@ export var nameStyle = css({
|
|
|
42
42
|
|
|
43
43
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
44
44
|
export var containerName = css({
|
|
45
|
-
color: "var(--ds-text-subtlest, #
|
|
45
|
+
color: "var(--ds-text-subtlest, #6B6E76)",
|
|
46
46
|
// eslint-disable-next-line @atlaskit/design-system/use-tokens-typography
|
|
47
47
|
lineHeight: '14px',
|
|
48
48
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
@@ -40,7 +40,7 @@ export var wrapperStyle = css({
|
|
|
40
40
|
|
|
41
41
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
42
42
|
export var selectedStyle = css({
|
|
43
|
-
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #
|
|
43
|
+
boxShadow: "0 0 0 1px ".concat("var(--ds-border-selected, #1868DB)"),
|
|
44
44
|
outline: 'none'
|
|
45
45
|
});
|
|
46
46
|
|
|
@@ -9,11 +9,11 @@ export var wrapperStyle = css({
|
|
|
9
9
|
justifyContent: 'center',
|
|
10
10
|
boxDecorationBreak: 'clone',
|
|
11
11
|
borderRadius: "var(--ds-radius-small, 3px)",
|
|
12
|
-
color: "var(--ds-text, #
|
|
13
|
-
backgroundColor: "var(--ds-background-neutral, #
|
|
12
|
+
color: "var(--ds-text, #292A2E)",
|
|
13
|
+
backgroundColor: "var(--ds-background-neutral, #0515240F)",
|
|
14
14
|
transition: '0.1s all ease-in-out',
|
|
15
15
|
cursor: 'pointer',
|
|
16
16
|
'&:hover': {
|
|
17
|
-
backgroundColor: "var(--ds-background-neutral-hovered, #
|
|
17
|
+
backgroundColor: "var(--ds-background-neutral-hovered, #0B120E24)"
|
|
18
18
|
}
|
|
19
19
|
});
|
|
@@ -7,7 +7,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
7
7
|
import { isFedRamp } from './environment';
|
|
8
8
|
var SENTRY_DSN = 'https://0b10c8e02fb44d8796c047b102c9bee8@o55978.ingest.sentry.io/4505129224110080';
|
|
9
9
|
var packageName = 'editor-common'; // Sentry doesn't accept '/' in its releases https://docs.sentry.io/platforms/javascript/configuration/releases/
|
|
10
|
-
var packageVersion = "
|
|
10
|
+
var packageVersion = "0.0.0-development";
|
|
11
11
|
var sanitiseSentryEvents = function sanitiseSentryEvents(data, _hint) {
|
|
12
12
|
// Remove URL as it has UGC
|
|
13
13
|
// Ignored via go/ees007
|
|
@@ -20,8 +20,8 @@ export default function IconPanelNote() {
|
|
|
20
20
|
d: "M0 0h40v40H0z"
|
|
21
21
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
22
22
|
fill: iconThemed({
|
|
23
|
-
light: "var(--ds-background-accent-purple-subtlest, #
|
|
24
|
-
dark: "var(--ds-background-accent-purple-subtlest, #
|
|
23
|
+
light: "var(--ds-background-accent-purple-subtlest, #F8EEFE)",
|
|
24
|
+
dark: "var(--ds-background-accent-purple-subtlest, #F8EEFE)"
|
|
25
25
|
}),
|
|
26
26
|
x: 8,
|
|
27
27
|
y: 12,
|
|
@@ -31,8 +31,8 @@ export default function IconPanelNote() {
|
|
|
31
31
|
}), /*#__PURE__*/React.createElement("path", {
|
|
32
32
|
d: "M13 16h4a1 1 0 011 1v6a1 1 0 01-1 1h-4a1 1 0 01-1-1v-6a1 1 0 011-1zm1 2a.5.5 0 100 1h2a.5.5 0 100-1h-2zm0 2a.5.5 0 100 1h1a.5.5 0 100-1h-1z",
|
|
33
33
|
fill: iconThemed({
|
|
34
|
-
light: "var(--ds-icon-discovery, #
|
|
35
|
-
dark: "var(--ds-icon-discovery, #
|
|
34
|
+
light: "var(--ds-icon-discovery, #AF59E1)",
|
|
35
|
+
dark: "var(--ds-icon-discovery, #AF59E1)"
|
|
36
36
|
})
|
|
37
37
|
})));
|
|
38
38
|
}
|
|
@@ -31,8 +31,8 @@ export default function IconPanelSuccess() {
|
|
|
31
31
|
}), /*#__PURE__*/React.createElement("path", {
|
|
32
32
|
d: "M15 24a4 4 0 110-8 4 4 0 010 8zm.682-5.482l-1.076 2.055-.772-.695a.5.5 0 00-.668.744l1.25 1.125a.5.5 0 00.777-.14l1.375-2.625a.5.5 0 00-.886-.464z",
|
|
33
33
|
fill: iconThemed({
|
|
34
|
-
light: "var(--ds-icon-success, #
|
|
35
|
-
dark: "var(--ds-icon-success, #
|
|
34
|
+
light: "var(--ds-icon-success, #6A9A23)",
|
|
35
|
+
dark: "var(--ds-icon-success, #6A9A23)"
|
|
36
36
|
})
|
|
37
37
|
})));
|
|
38
38
|
}
|
|
@@ -20,8 +20,8 @@ export default function IconPanelWarning() {
|
|
|
20
20
|
d: "M0 0h40v40H0z"
|
|
21
21
|
}), /*#__PURE__*/React.createElement("rect", {
|
|
22
22
|
fill: iconThemed({
|
|
23
|
-
light: "var(--ds-background-accent-yellow-subtlest, #
|
|
24
|
-
dark: "var(--ds-background-accent-yellow-subtlest, #
|
|
23
|
+
light: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)",
|
|
24
|
+
dark: "var(--ds-background-accent-yellow-subtlest, #FEF7C8)"
|
|
25
25
|
}),
|
|
26
26
|
x: 8,
|
|
27
27
|
y: 12,
|
|
@@ -31,8 +31,8 @@ export default function IconPanelWarning() {
|
|
|
31
31
|
}), /*#__PURE__*/React.createElement("path", {
|
|
32
32
|
d: "M16.847 16.83l2.808 5.73a1 1 0 01-.898 1.44h-6.514a1 1 0 01-.898-1.44l2.808-5.73a1.5 1.5 0 012.694 0zm-1.347.46a.568.568 0 00-.564.635l.278 2.32a.288.288 0 00.572 0l.278-2.32a.568.568 0 00-.564-.635zm0 5.035c.318 0 .576-.293.576-.656 0-.362-.258-.656-.576-.656-.318 0-.576.294-.576.656 0 .363.258.656.576.656z",
|
|
33
33
|
fill: iconThemed({
|
|
34
|
-
light: "var(--ds-icon-warning, #
|
|
35
|
-
dark: "var(--ds-icon-warning, #
|
|
34
|
+
light: "var(--ds-icon-warning, #E06C00)",
|
|
35
|
+
dark: "var(--ds-icon-warning, #E06C00)"
|
|
36
36
|
})
|
|
37
37
|
})));
|
|
38
38
|
}
|