@atlaskit/link-datasource 2.3.7 → 2.3.8
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 +10 -0
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/index.js +4 -0
- package/dist/cjs/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +1 -0
- package/dist/cjs/ui/assets-modal/search-container/styled.js +5 -4
- package/dist/cjs/ui/common/error-state/access-required.js +1 -0
- package/dist/cjs/ui/common/error-state/loading-error.js +1 -0
- package/dist/cjs/ui/common/error-state/modal-loading-error.js +1 -0
- package/dist/cjs/ui/common/error-state/no-instances.js +1 -0
- package/dist/cjs/ui/common/error-state/no-results.js +1 -0
- package/dist/cjs/ui/common/initial-state-view/index.js +1 -0
- package/dist/cjs/ui/common/modal/content-container/index.js +5 -0
- package/dist/cjs/ui/common/modal/datasource-modal/index.js +2 -1
- package/dist/cjs/ui/common/modal/popup-select/trigger.js +5 -1
- package/dist/cjs/ui/common/modal/site-selector/index.js +1 -0
- package/dist/cjs/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js +13 -7
- package/dist/cjs/ui/issue-like-table/column-picker/concatenated-menu-list.js +1 -0
- package/dist/cjs/ui/issue-like-table/drag-column-preview.js +7 -2
- package/dist/cjs/ui/issue-like-table/draggable-table-heading.js +4 -0
- package/dist/cjs/ui/issue-like-table/empty-state/index.js +3 -1
- package/dist/cjs/ui/issue-like-table/index.js +9 -1
- package/dist/cjs/ui/issue-like-table/render-type/date-time/index.js +1 -0
- package/dist/cjs/ui/issue-like-table/render-type/link/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/render-type/text/index.js +1 -0
- package/dist/cjs/ui/issue-like-table/render-type/user/index.js +3 -0
- package/dist/cjs/ui/issue-like-table/styled.js +2 -2
- package/dist/cjs/ui/jira-issues-modal/mode-switcher/index.js +3 -0
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/index.js +4 -0
- package/dist/es2019/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +1 -0
- package/dist/es2019/ui/assets-modal/search-container/styled.js +5 -4
- package/dist/es2019/ui/common/error-state/access-required.js +1 -0
- package/dist/es2019/ui/common/error-state/loading-error.js +1 -0
- package/dist/es2019/ui/common/error-state/modal-loading-error.js +1 -0
- package/dist/es2019/ui/common/error-state/no-instances.js +1 -0
- package/dist/es2019/ui/common/error-state/no-results.js +1 -0
- package/dist/es2019/ui/common/initial-state-view/index.js +1 -0
- package/dist/es2019/ui/common/modal/content-container/index.js +5 -0
- package/dist/es2019/ui/common/modal/datasource-modal/index.js +2 -1
- package/dist/es2019/ui/common/modal/popup-select/trigger.js +5 -1
- package/dist/es2019/ui/common/modal/site-selector/index.js +1 -0
- package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js +13 -7
- package/dist/es2019/ui/issue-like-table/column-picker/concatenated-menu-list.js +1 -0
- package/dist/es2019/ui/issue-like-table/drag-column-preview.js +7 -2
- package/dist/es2019/ui/issue-like-table/draggable-table-heading.js +5 -1
- package/dist/es2019/ui/issue-like-table/empty-state/index.js +3 -1
- package/dist/es2019/ui/issue-like-table/index.js +14 -1
- package/dist/es2019/ui/issue-like-table/render-type/date-time/index.js +1 -0
- package/dist/es2019/ui/issue-like-table/render-type/link/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/text/index.js +1 -0
- package/dist/es2019/ui/issue-like-table/render-type/user/index.js +3 -0
- package/dist/es2019/ui/issue-like-table/styled.js +7 -2
- package/dist/es2019/ui/jira-issues-modal/mode-switcher/index.js +3 -0
- package/dist/esm/ui/assets-modal/modal/render-assets-content/index.js +4 -0
- package/dist/esm/ui/assets-modal/modal/render-assets-content/initial-state-view/index.js +1 -0
- package/dist/esm/ui/assets-modal/search-container/styled.js +5 -4
- package/dist/esm/ui/common/error-state/access-required.js +1 -0
- package/dist/esm/ui/common/error-state/loading-error.js +1 -0
- package/dist/esm/ui/common/error-state/modal-loading-error.js +1 -0
- package/dist/esm/ui/common/error-state/no-instances.js +1 -0
- package/dist/esm/ui/common/error-state/no-results.js +1 -0
- package/dist/esm/ui/common/initial-state-view/index.js +1 -0
- package/dist/esm/ui/common/modal/content-container/index.js +5 -0
- package/dist/esm/ui/common/modal/datasource-modal/index.js +2 -1
- package/dist/esm/ui/common/modal/popup-select/trigger.js +5 -1
- package/dist/esm/ui/common/modal/site-selector/index.js +1 -0
- package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js +13 -7
- package/dist/esm/ui/issue-like-table/column-picker/concatenated-menu-list.js +1 -0
- package/dist/esm/ui/issue-like-table/drag-column-preview.js +7 -2
- package/dist/esm/ui/issue-like-table/draggable-table-heading.js +4 -0
- package/dist/esm/ui/issue-like-table/empty-state/index.js +3 -1
- package/dist/esm/ui/issue-like-table/index.js +9 -1
- package/dist/esm/ui/issue-like-table/render-type/date-time/index.js +1 -0
- package/dist/esm/ui/issue-like-table/render-type/link/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/text/index.js +1 -0
- package/dist/esm/ui/issue-like-table/render-type/user/index.js +3 -0
- package/dist/esm/ui/issue-like-table/styled.js +2 -2
- package/dist/esm/ui/jira-issues-modal/mode-switcher/index.js +3 -0
- package/dist/types/ui/assets-modal/modal/render-assets-content/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/assets-modal/modal/render-assets-content/index.d.ts +1 -1
- package/package.json +155 -176
|
@@ -19,6 +19,7 @@ const noResultsMessageContainerStyles = css({
|
|
|
19
19
|
placeItems: 'center'
|
|
20
20
|
});
|
|
21
21
|
const noResultsMessageStyles = css({
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
22
23
|
font: `var(--ds-font-heading-small, ${fontFallback.heading.small})`
|
|
23
24
|
});
|
|
24
25
|
export const NoResults = ({
|
|
@@ -21,6 +21,7 @@ const betaTagStyles = css({
|
|
|
21
21
|
});
|
|
22
22
|
const searchTitleStyles = css({
|
|
23
23
|
color: `var(--ds-text-subtlest, ${N300})`,
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
24
25
|
font: `var(--ds-font-heading-medium, ${fontFallback.heading.medium})`,
|
|
25
26
|
paddingTop: "var(--ds-space-200, 16px)",
|
|
26
27
|
paddingBottom: "var(--ds-space-100, 8px)",
|
|
@@ -9,10 +9,15 @@ const contentContainerStyles = xcss({
|
|
|
9
9
|
maxHeight: '420px',
|
|
10
10
|
overflow: 'auto',
|
|
11
11
|
borderBottom: `2px solid ${`var(--ds-background-accent-gray-subtler, ${N40})`}`,
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
12
13
|
backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
13
15
|
backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
14
17
|
backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
19
|
backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
21
|
backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
|
|
17
22
|
});
|
|
18
23
|
const tableContainerStyles = xcss({
|
|
@@ -21,6 +21,7 @@ export const DatasourceModal = ({
|
|
|
21
21
|
onClose: onClose,
|
|
22
22
|
width: "calc(100% - 80px)",
|
|
23
23
|
shouldScrollInViewport: true,
|
|
24
|
-
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick
|
|
24
|
+
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
25
|
+
shouldReturnFocus: false
|
|
25
26
|
}, /*#__PURE__*/React.createElement(ScreenEvent, null), children);
|
|
26
27
|
};
|
|
@@ -13,17 +13,21 @@ const badgeStyles = xcss({
|
|
|
13
13
|
marginLeft: 'space.050'
|
|
14
14
|
});
|
|
15
15
|
|
|
16
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
17
17
|
export const LoadingStateAnimationWrapper = styled.div({
|
|
18
18
|
position: 'relative',
|
|
19
19
|
animation: 'flickerAnimation 2s infinite',
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
20
21
|
'@keyframes flickerAnimation': {
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
21
23
|
'0%': {
|
|
22
24
|
opacity: 1
|
|
23
25
|
},
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
24
27
|
'50%': {
|
|
25
28
|
opacity: 0.5
|
|
26
29
|
},
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
27
31
|
'100%': {
|
|
28
32
|
opacity: 1
|
|
29
33
|
}
|
|
@@ -16,6 +16,7 @@ const selectStyles = css({
|
|
|
16
16
|
fontSize: "var(--ds-font-size-100, 14px)",
|
|
17
17
|
fontWeight: "var(--ds-font-weight-medium, 500)",
|
|
18
18
|
lineHeight: "var(--ds-space-250, 20px)",
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
20
|
zIndex: siteSelectorIndex
|
|
20
21
|
});
|
|
21
22
|
export const SiteSelector = props => {
|
package/dist/es2019/ui/confluence-search-modal/basic-filters/filters/date-range-picker/styled.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled from '@emotion/styled';
|
|
2
2
|
import { B400, B50, N0, N20, N30, R400 } from '@atlaskit/theme/colors';
|
|
3
3
|
import { layers } from '@atlaskit/theme/constants';
|
|
4
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
4
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
5
5
|
export const PopupComponentContainer = styled.div({
|
|
6
6
|
boxSizing: 'border-box',
|
|
7
7
|
display: 'block',
|
|
@@ -9,13 +9,14 @@ export const PopupComponentContainer = styled.div({
|
|
|
9
9
|
overflow: 'visible',
|
|
10
10
|
borderRadius: "var(--ds-border-radius-100, 4px)",
|
|
11
11
|
background: `var(--ds-background-input, ${N0})`,
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
12
13
|
':focus': {
|
|
13
14
|
outline: 'none'
|
|
14
15
|
},
|
|
15
16
|
boxShadow: "var(--ds-shadow-overlay, 0px 0px 1px 0px rgba(9, 30, 66, 0.31), 0px 3px 5px 0px rgba(9, 30, 66, 0.20))"
|
|
16
17
|
});
|
|
17
18
|
|
|
18
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
19
20
|
export const CustomDropdown = styled.div({
|
|
20
21
|
width: '340px',
|
|
21
22
|
background: `var(--ds-background-input, ${N0})`,
|
|
@@ -24,31 +25,36 @@ export const CustomDropdown = styled.div({
|
|
|
24
25
|
zIndex: layers.modal()
|
|
25
26
|
});
|
|
26
27
|
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
|
|
28
29
|
export const CustomDropdownItem = styled.div(props => ({
|
|
29
30
|
height: '36px',
|
|
30
31
|
width: '100%',
|
|
31
32
|
display: 'flex',
|
|
32
33
|
justifyContent: 'flex-start',
|
|
33
34
|
alignItems: 'center',
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
34
36
|
paddingLeft: props.isSelected ? '15px' : '16px',
|
|
35
37
|
boxSizing: 'border-box',
|
|
38
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
36
39
|
color: props.isSelected ? `var(--ds-text-selected, ${B400})` : 'inherit',
|
|
40
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
37
41
|
background: props.isSelected ? `var(--ds-background-accent-blue-subtlest, ${B50})` : 'transparent',
|
|
42
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
38
43
|
borderLeft: props.isSelected ? `2px solid ${`var(--ds-text-selected, ${B400})`}` : 'none',
|
|
39
44
|
'&:hover': {
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
40
46
|
background: props.isSelected ? `var(--ds-background-accent-blue-subtlest, ${B50})` : `var(--ds-background-input-hovered, ${N20})`,
|
|
41
47
|
cursor: 'default'
|
|
42
48
|
}
|
|
43
49
|
}));
|
|
44
50
|
|
|
45
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
46
52
|
export const CustomDateWrapper = styled.div({
|
|
47
53
|
padding: "var(--ds-space-150, 12px)",
|
|
48
54
|
boxSizing: 'border-box'
|
|
49
55
|
});
|
|
50
56
|
|
|
51
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
52
58
|
export const DatePickersWrapper = styled.div({
|
|
53
59
|
display: 'flex',
|
|
54
60
|
justifyContent: 'space-between',
|
|
@@ -56,7 +62,7 @@ export const DatePickersWrapper = styled.div({
|
|
|
56
62
|
width: '100%'
|
|
57
63
|
});
|
|
58
64
|
|
|
59
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
65
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
60
66
|
export const SelectDateRangeButton = styled.button({
|
|
61
67
|
background: `var(--ds-background-accent-gray-subtler, ${N20})`,
|
|
62
68
|
border: 'none',
|
|
@@ -71,7 +77,7 @@ export const SelectDateRangeButton = styled.button({
|
|
|
71
77
|
}
|
|
72
78
|
});
|
|
73
79
|
|
|
74
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
80
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
75
81
|
export const DateRangeErrorMessage = styled.div({
|
|
76
82
|
display: 'flex',
|
|
77
83
|
lineHeight: 1.3333,
|
|
@@ -8,6 +8,7 @@ import { columnPickerMessages } from './messages';
|
|
|
8
8
|
export const SELECT_ITEMS_MAXIMUM_THRESHOLD = 200;
|
|
9
9
|
const messageStyles = css({
|
|
10
10
|
color: "var(--ds-text-subtle, #44546F)",
|
|
11
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
11
12
|
font: `var(--ds-font-body-small, ${fontFallback.body.small})`,
|
|
12
13
|
fontWeight: "var(--ds-font-weight-regular, 400)"
|
|
13
14
|
});
|
|
@@ -19,7 +19,9 @@ const TablePreviewHeading = styled(TableHeading)({
|
|
|
19
19
|
whiteSpace: 'nowrap',
|
|
20
20
|
background: "var(--ds-background-disabled, #091E4224)",
|
|
21
21
|
maxWidth: maxWidth
|
|
22
|
-
},
|
|
22
|
+
},
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
24
|
+
firstLastChildOverride);
|
|
23
25
|
|
|
24
26
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
25
27
|
const TablePreviewCell = styled.td({
|
|
@@ -31,11 +33,14 @@ const TablePreviewCell = styled.td({
|
|
|
31
33
|
boxSizing: 'border-box',
|
|
32
34
|
borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
|
|
33
35
|
height: '30px'
|
|
34
|
-
},
|
|
36
|
+
},
|
|
37
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
38
|
+
firstLastChildOverride);
|
|
35
39
|
const tableStyles = css({
|
|
36
40
|
background: "var(--ds-surface, #FFF)",
|
|
37
41
|
borderCollapse: 'separate',
|
|
38
42
|
borderSpacing: 0,
|
|
43
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
39
44
|
font: `var(--ds-font-body, ${fontFallback.body.medium})`,
|
|
40
45
|
maxWidth
|
|
41
46
|
});
|
|
@@ -27,6 +27,7 @@ const DropdownParent = styled.div({
|
|
|
27
27
|
display: 'flex',
|
|
28
28
|
alignItems: 'center',
|
|
29
29
|
whiteSpace: 'nowrap',
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
30
31
|
'& button': {
|
|
31
32
|
textAlign: 'left' /* By default button center in the middle without props to control it */,
|
|
32
33
|
height: 'auto' /* By default button is not happy with tall (up to lines in our case) content */,
|
|
@@ -53,6 +54,7 @@ const resizerStyles = css({
|
|
|
53
54
|
// we want this to sit on top of adjacent column headers
|
|
54
55
|
right: 'calc(-1 * calc(var(--local-hitbox-width) / 2))',
|
|
55
56
|
top: 0,
|
|
57
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
56
58
|
'::before': {
|
|
57
59
|
opacity: 0,
|
|
58
60
|
'--local-line-width': "var(--ds-border-width, 2px)",
|
|
@@ -64,6 +66,7 @@ const resizerStyles = css({
|
|
|
64
66
|
left: `calc(50% - calc(var(--local-line-width) / 2))`,
|
|
65
67
|
transition: 'opacity 0.2s ease'
|
|
66
68
|
},
|
|
69
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
67
70
|
':hover::before': {
|
|
68
71
|
opacity: 1
|
|
69
72
|
}
|
|
@@ -73,6 +76,7 @@ const resizingStyles = css({
|
|
|
73
76
|
// while resizing. The browser controls the cursor while dragging, but the browser
|
|
74
77
|
// can sometimes bug out.
|
|
75
78
|
cursor: 'unset',
|
|
79
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
76
80
|
'::before': {
|
|
77
81
|
opacity: 1
|
|
78
82
|
}
|
|
@@ -308,7 +312,7 @@ export const DraggableTableHeading = ({
|
|
|
308
312
|
style: {
|
|
309
313
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
310
314
|
cursor: 'grab',
|
|
311
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
315
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
312
316
|
...getWidthCss({
|
|
313
317
|
shouldUseWidth: resizeIsEnabled,
|
|
314
318
|
width
|
|
@@ -23,9 +23,11 @@ const cellStyles = css({
|
|
|
23
23
|
padding,
|
|
24
24
|
borderRight: `0.5px solid ${`var(--ds-border, ${N40})`}`,
|
|
25
25
|
borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
26
27
|
'&:first-child': {
|
|
27
28
|
paddingLeft: `${"var(--ds-space-100, 8px)"}`
|
|
28
29
|
},
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
29
31
|
'&:last-child': {
|
|
30
32
|
borderRight: 0,
|
|
31
33
|
paddingRight: `${"var(--ds-space-100, 8px)"}`
|
|
@@ -103,7 +105,7 @@ export default (({
|
|
|
103
105
|
style: {
|
|
104
106
|
// the IssueLikeDataTableView wraps the table in a container with the styling below while modal doesn't
|
|
105
107
|
// this maxHeight comes from scrollableContainerHeight
|
|
106
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
108
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
107
109
|
maxHeight: ScrollableContainerHeight,
|
|
108
110
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
109
111
|
padding: "var(--ds-space-0, 0px)",
|
|
@@ -32,6 +32,7 @@ const tableHeadStyles = css({
|
|
|
32
32
|
background: "var(--ds-elevation-surface-current, #FFF)",
|
|
33
33
|
position: 'sticky',
|
|
34
34
|
top: 0,
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
35
36
|
zIndex: stickyTableHeadersIndex
|
|
36
37
|
});
|
|
37
38
|
const truncateTextStyles = css({
|
|
@@ -42,6 +43,7 @@ const truncateTextStyles = css({
|
|
|
42
43
|
const columnPickerWidth = 80;
|
|
43
44
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
44
45
|
const ColumnPickerHeader = styled.th({
|
|
46
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
45
47
|
[`${withTablePluginHeaderPrefix('&:last-of-type')}`]: {
|
|
46
48
|
boxSizing: 'border-box',
|
|
47
49
|
border: 0,
|
|
@@ -67,8 +69,10 @@ const truncateStyles = css({
|
|
|
67
69
|
|
|
68
70
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
69
71
|
const TableCell = styled.td({
|
|
72
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
70
73
|
[`${withTablePluginBodyPrefix()}`]: {
|
|
71
74
|
/* First section here is to override things editor table plugin css defines */
|
|
75
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
72
76
|
font: fieldTextFontSize,
|
|
73
77
|
padding: `${"var(--ds-space-050, 4px)"} ${"var(--ds-space-100, 8px)"}`,
|
|
74
78
|
border: 0,
|
|
@@ -79,15 +83,18 @@ const TableCell = styled.td({
|
|
|
79
83
|
borderBottom: `0.5px solid ${`var(--ds-border, ${N40})`}`,
|
|
80
84
|
overflow: 'hidden'
|
|
81
85
|
},
|
|
86
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
82
87
|
[`${withTablePluginBodyPrefix('&:first-child')}`]: {
|
|
83
88
|
paddingLeft: "var(--ds-space-100, 8px)"
|
|
84
89
|
},
|
|
90
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
85
91
|
[`${withTablePluginBodyPrefix('&:last-child')}`]: {
|
|
86
92
|
borderRight: 0,
|
|
87
93
|
paddingRight: "var(--ds-space-100, 8px)"
|
|
88
94
|
},
|
|
89
95
|
// Inline smart links are pretty opinionated about word-wrapping.
|
|
90
96
|
// We want it to be controlled by user, so we make it overflow and truncate by default.
|
|
97
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
91
98
|
["& [data-testid='inline-card-icon-and-title'], " + "& [data-testid='button-connect-account'] > span"]: {
|
|
92
99
|
whiteSpace: 'unset'
|
|
93
100
|
}
|
|
@@ -219,10 +226,15 @@ const scrollableContainerStyles = css({
|
|
|
219
226
|
overflow: 'auto',
|
|
220
227
|
boxSizing: 'border-box',
|
|
221
228
|
backgroundColor: "var(--ds-elevation-surface-current, #FFF)",
|
|
229
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
222
230
|
backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
|
|
231
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
223
232
|
backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
|
|
233
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
224
234
|
backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
|
|
235
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
225
236
|
backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
|
|
237
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
226
238
|
backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
|
|
227
239
|
});
|
|
228
240
|
const tableStyles = css({
|
|
@@ -241,6 +253,7 @@ const noDefaultBorderStyles = css({
|
|
|
241
253
|
borderBottom: 0
|
|
242
254
|
});
|
|
243
255
|
const headerStyles = css({
|
|
256
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
244
257
|
font: `var(--ds-font-body-UNSAFE_small, ${fontFallback.body.UNSAFE_small})`,
|
|
245
258
|
fontWeight: "var(--ds-font-weight-medium, 500)"
|
|
246
259
|
});
|
|
@@ -636,7 +649,7 @@ export const IssueLikeDataTableView = ({
|
|
|
636
649
|
return jsx(TableHeading, {
|
|
637
650
|
key: key,
|
|
638
651
|
"data-testid": `${key}-column-heading`
|
|
639
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
652
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
640
653
|
,
|
|
641
654
|
style: getWidthCss({
|
|
642
655
|
shouldUseWidth,
|
|
@@ -16,6 +16,7 @@ const timeOptions = {
|
|
|
16
16
|
|
|
17
17
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
18
18
|
const DateTimeWrapper = styled.span({
|
|
19
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
19
20
|
fontSize: fieldTextFontSize
|
|
20
21
|
});
|
|
21
22
|
export function getFormattedDate(value, display = 'datetime', formatDate) {
|
|
@@ -27,7 +27,7 @@ const LinkRenderType = ({
|
|
|
27
27
|
url: url
|
|
28
28
|
}, /*#__PURE__*/React.createElement(LinkUrl, {
|
|
29
29
|
href: url
|
|
30
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop -- Ignored via go/DSP-18766
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
31
31
|
,
|
|
32
32
|
style: {
|
|
33
33
|
...linkStyle,
|
|
@@ -5,6 +5,7 @@ export const TEXT_TYPE_TEST_ID = 'link-datasource-render-type--text';
|
|
|
5
5
|
|
|
6
6
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
7
7
|
const TextWrapper = styled.span({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
8
9
|
fontSize: fieldTextFontSize
|
|
9
10
|
});
|
|
10
11
|
const TextRenderType = ({
|
|
@@ -12,6 +12,7 @@ import { userTypeMessages } from './messages';
|
|
|
12
12
|
const userWrapperStyles = xcss({
|
|
13
13
|
display: 'flex',
|
|
14
14
|
alignItems: 'center',
|
|
15
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
16
|
fontSize: `${fieldTextFontSize}px`
|
|
16
17
|
});
|
|
17
18
|
const avatarWrapperStyles = xcss({
|
|
@@ -23,7 +24,9 @@ const widthObserverWrapperStyles = xcss({
|
|
|
23
24
|
|
|
24
25
|
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled -- To migrate as part of go/ui-styling-standard
|
|
25
26
|
const AvatarGroupWrapperStyles = styled.div({
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
26
28
|
ul: {
|
|
29
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-important-styles -- Ignored via go/DSP-18766
|
|
27
30
|
paddingLeft: '0px !important'
|
|
28
31
|
}
|
|
29
32
|
});
|
|
@@ -4,7 +4,7 @@ import { fontFallback } from '@atlaskit/theme/typography';
|
|
|
4
4
|
export const ScrollableContainerHeight = 590;
|
|
5
5
|
export const fieldTextFontSize = `var(--ds-font-body, ${fontFallback.body.medium})`;
|
|
6
6
|
|
|
7
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
8
8
|
export const Table = styled.table({
|
|
9
9
|
width: '100%'
|
|
10
10
|
});
|
|
@@ -25,8 +25,9 @@ export const withTablePluginPrefix = (tableSection, mainRule = '&') => `
|
|
|
25
25
|
export const withTablePluginHeaderPrefix = withTablePluginPrefix.bind(null, 'thead');
|
|
26
26
|
export const withTablePluginBodyPrefix = withTablePluginPrefix.bind(null, 'tbody');
|
|
27
27
|
|
|
28
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
29
29
|
export const TableHeading = styled.th({
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
30
31
|
[`${withTablePluginHeaderPrefix()}`]: {
|
|
31
32
|
border: 0,
|
|
32
33
|
position: 'relative',
|
|
@@ -47,15 +48,19 @@ export const TableHeading = styled.th({
|
|
|
47
48
|
verticalAlign: 'bottom',
|
|
48
49
|
backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
|
|
49
50
|
},
|
|
51
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
50
52
|
[`${withTablePluginPrefix('', 'thead.has-column-picker &:nth-last-of-type(2)')}`]: {
|
|
51
53
|
borderRight: 0
|
|
52
54
|
},
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
53
56
|
[`${withTablePluginHeaderPrefix('&:first-child')}`]: {
|
|
54
57
|
paddingLeft: "var(--ds-space-050, 4px)"
|
|
55
58
|
},
|
|
59
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
56
60
|
[`${withTablePluginHeaderPrefix('&:last-child')}`]: {
|
|
57
61
|
borderRight: 0
|
|
58
62
|
},
|
|
63
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
59
64
|
"& [data-testid='datasource-header-content--container']": {
|
|
60
65
|
width: '100%',
|
|
61
66
|
/* With Button now being a parent for this component it adds its lineHeight value and spoils
|
|
@@ -32,6 +32,7 @@ const modeSwitcherLabelStyles = css({
|
|
|
32
32
|
textTransform: 'uppercase',
|
|
33
33
|
padding: `${"var(--ds-space-050, 4px)"}`,
|
|
34
34
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
35
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
35
36
|
':hover': {
|
|
36
37
|
cursor: 'pointer',
|
|
37
38
|
backgroundColor: `var(--ds-background-neutral-subtle-hovered, ${N30A})`
|
|
@@ -41,6 +42,7 @@ const modeSwitcherLabelSelectedStyles = css({
|
|
|
41
42
|
backgroundColor: `var(--ds-background-input-pressed, ${N0})`,
|
|
42
43
|
borderRadius: "var(--ds-space-050, 4px)",
|
|
43
44
|
boxShadow: "var(--ds-shadow-overflow, 0px 0px 1px rgba(9, 30, 66, 0.12), 0px 0px 8px rgba(9, 30, 66, 0.16))",
|
|
45
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
44
46
|
':hover': {
|
|
45
47
|
cursor: 'pointer',
|
|
46
48
|
backgroundColor: `var(--ds-background-input-pressed, ${N0})`
|
|
@@ -50,6 +52,7 @@ const modeSwitcherLabelDisabledStyles = css({
|
|
|
50
52
|
color: `var(--ds-text-disabled, ${N60})`
|
|
51
53
|
});
|
|
52
54
|
const modeSwitcherDisabledStyles = css({
|
|
55
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
53
56
|
':hover': {
|
|
54
57
|
cursor: 'not-allowed',
|
|
55
58
|
background: 'transparent'
|
|
@@ -23,9 +23,13 @@ var tableBordersStyles = css({
|
|
|
23
23
|
borderTopLeftRadius: "var(--ds-border-radius-200, 8px)",
|
|
24
24
|
borderTopRightRadius: "var(--ds-border-radius-200, 8px)",
|
|
25
25
|
borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")")),
|
|
26
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
26
27
|
backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
27
29
|
backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
|
|
30
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
28
31
|
backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
|
|
32
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
29
33
|
backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
|
|
30
34
|
});
|
|
31
35
|
var RejectedView = function RejectedView() {
|
|
@@ -15,6 +15,7 @@ var svgAndTextsWrapperStyles = css({
|
|
|
15
15
|
alignSelf: 'center'
|
|
16
16
|
});
|
|
17
17
|
var searchTitleStyles = css({
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
18
19
|
font: "var(--ds-font-heading-small, ".concat(fontFallback.heading.small, ")"),
|
|
19
20
|
paddingTop: "var(--ds-space-200, 16px)",
|
|
20
21
|
paddingBottom: "var(--ds-space-100, 8px)"
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import styled from '@emotion/styled';
|
|
2
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled
|
|
2
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
|
|
3
3
|
export var FormRowContainer = styled.div(function (props) {
|
|
4
4
|
return {
|
|
5
5
|
alignItems: 'center',
|
|
6
6
|
display: 'flex',
|
|
7
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
7
8
|
gap: props.isNarrowGap ? "var(--ds-space-100, 8px)" : "var(--ds-space-200, 16px)",
|
|
8
9
|
flexGrow: 1,
|
|
9
10
|
width: '100%'
|
|
10
11
|
};
|
|
11
12
|
});
|
|
12
13
|
|
|
13
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
14
15
|
export var FormContainer = styled.form({
|
|
15
16
|
display: 'grid',
|
|
16
17
|
rowGap: "var(--ds-space-200, 16px)",
|
|
@@ -18,13 +19,13 @@ export var FormContainer = styled.form({
|
|
|
18
19
|
});
|
|
19
20
|
|
|
20
21
|
// Override the top margin of fields
|
|
21
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
22
23
|
export var FieldContainer = styled.div({
|
|
23
24
|
flex: 1,
|
|
24
25
|
marginTop: "var(--ds-space-negative-100, -8px)"
|
|
25
26
|
});
|
|
26
27
|
|
|
27
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
28
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
28
29
|
export var SchemaSelectContainer = styled.div({
|
|
29
30
|
width: '100%',
|
|
30
31
|
maxWidth: '386px'
|
|
@@ -11,6 +11,7 @@ import { AccessRequiredSVG } from './access-required-svg';
|
|
|
11
11
|
import { loadingErrorMessages } from './messages';
|
|
12
12
|
var urlStyles = css({
|
|
13
13
|
color: "var(--ds-text-subtlest, ".concat(N400, ")"),
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
14
15
|
font: "var(--ds-font-body, ".concat(fontFallback.body.medium, ")")
|
|
15
16
|
});
|
|
16
17
|
var descriptionMessageStyles = css({
|
|
@@ -19,6 +19,7 @@ var errorMessageContainerStyles = css({
|
|
|
19
19
|
placeItems: 'center'
|
|
20
20
|
});
|
|
21
21
|
var errorMessageStyles = css({
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
22
23
|
font: "var(--ds-font-heading-small, ".concat(fontFallback.heading.small, ")")
|
|
23
24
|
});
|
|
24
25
|
var errorDescriptionStyles = css({
|
|
@@ -18,6 +18,7 @@ var errorMessageContainerStyles = css({
|
|
|
18
18
|
placeItems: 'center'
|
|
19
19
|
});
|
|
20
20
|
var errorMessageStyles = css({
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
21
22
|
font: "var(--ds-font-heading-small, ".concat(fontFallback.heading.small, ")")
|
|
22
23
|
});
|
|
23
24
|
var errorDescriptionStyles = css({
|
|
@@ -5,6 +5,7 @@ import { Flex, xcss } from '@atlaskit/primitives';
|
|
|
5
5
|
import { fontFallback } from '@atlaskit/theme/typography';
|
|
6
6
|
import { NoInstancesSvg } from './no-instances-svg';
|
|
7
7
|
var titleStyles = css({
|
|
8
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
8
9
|
font: "var(--ds-font-heading-small, ".concat(fontFallback.heading.small, ")"),
|
|
9
10
|
marginTop: "var(--ds-space-200, 16px)"
|
|
10
11
|
});
|
|
@@ -19,6 +19,7 @@ var noResultsMessageContainerStyles = css({
|
|
|
19
19
|
placeItems: 'center'
|
|
20
20
|
});
|
|
21
21
|
var noResultsMessageStyles = css({
|
|
22
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
22
23
|
font: "var(--ds-font-heading-small, ".concat(fontFallback.heading.small, ")")
|
|
23
24
|
});
|
|
24
25
|
export var NoResults = function NoResults(_ref) {
|
|
@@ -21,6 +21,7 @@ var betaTagStyles = css({
|
|
|
21
21
|
});
|
|
22
22
|
var searchTitleStyles = css({
|
|
23
23
|
color: "var(--ds-text-subtlest, ".concat(N300, ")"),
|
|
24
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
|
|
24
25
|
font: "var(--ds-font-heading-medium, ".concat(fontFallback.heading.medium, ")"),
|
|
25
26
|
paddingTop: "var(--ds-space-200, 16px)",
|
|
26
27
|
paddingBottom: "var(--ds-space-100, 8px)",
|
|
@@ -9,10 +9,15 @@ var contentContainerStyles = xcss({
|
|
|
9
9
|
maxHeight: '420px',
|
|
10
10
|
overflow: 'auto',
|
|
11
11
|
borderBottom: "2px solid ".concat("var(--ds-background-accent-gray-subtler, ".concat(N40, ")")),
|
|
12
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
12
13
|
backgroundImage: scrollableContainerShadowsCssComponents.backgroundImage,
|
|
14
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
13
15
|
backgroundPosition: scrollableContainerShadowsCssComponents.backgroundPosition,
|
|
16
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
14
17
|
backgroundRepeat: scrollableContainerShadowsCssComponents.backgroundRepeat,
|
|
18
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
15
19
|
backgroundSize: scrollableContainerShadowsCssComponents.backgroundSize,
|
|
20
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
|
|
16
21
|
backgroundAttachment: scrollableContainerShadowsCssComponents.backgroundAttachment
|
|
17
22
|
});
|
|
18
23
|
var tableContainerStyles = xcss({
|
|
@@ -19,6 +19,7 @@ export var DatasourceModal = function DatasourceModal(_ref) {
|
|
|
19
19
|
onClose: onClose,
|
|
20
20
|
width: "calc(100% - 80px)",
|
|
21
21
|
shouldScrollInViewport: true,
|
|
22
|
-
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick
|
|
22
|
+
shouldCloseOnOverlayClick: shouldCloseOnOverlayClick,
|
|
23
|
+
shouldReturnFocus: false
|
|
23
24
|
}, /*#__PURE__*/React.createElement(ScreenEvent, null), children);
|
|
24
25
|
};
|
|
@@ -14,17 +14,21 @@ var badgeStyles = xcss({
|
|
|
14
14
|
marginLeft: 'space.050'
|
|
15
15
|
});
|
|
16
16
|
|
|
17
|
-
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled --
|
|
17
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-styled, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
|
|
18
18
|
export var LoadingStateAnimationWrapper = styled.div({
|
|
19
19
|
position: 'relative',
|
|
20
20
|
animation: 'flickerAnimation 2s infinite',
|
|
21
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
|
|
21
22
|
'@keyframes flickerAnimation': {
|
|
23
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
22
24
|
'0%': {
|
|
23
25
|
opacity: 1
|
|
24
26
|
},
|
|
27
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
25
28
|
'50%': {
|
|
26
29
|
opacity: 0.5
|
|
27
30
|
},
|
|
31
|
+
// eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
|
|
28
32
|
'100%': {
|
|
29
33
|
opacity: 1
|
|
30
34
|
}
|