Skip to content

Commit 4926954

Browse files
cee-chencee-chen
committed
[Opinionated] Pre-emptively remove component-specific vars that have NO USAGE in Kibana
1 parent a79d771 commit 4926954

5 files changed

Lines changed: 30 additions & 630 deletions

File tree

‎src-docs/src/views/theme/_json/eui_theme_dark.json‎

Lines changed: 2 additions & 161 deletions
Original file line numberDiff line numberDiff line change
@@ -1,127 +1,10 @@
11
{
2-
"euiCollapsibleNavGroupLightBackgroundColor": "#141519",
3-
"euiCollapsibleNavGroupDarkBackgroundColor": "#131317",
4-
"euiCollapsibleNavGroupDarkHighContrastColor": "#36a2ef",
5-
"euiColorPickerValueRange0": "#ffffff",
6-
"euiColorPickerValueRange1": "rgba(255, 255, 255, 0)",
7-
"euiColorPickerSaturationRange0": "#000000",
8-
"euiColorPickerSaturationRange1": "rgba(0, 0, 0, 0)",
9-
"euiColorPickerIndicatorSize": "12px",
10-
"euiColorPickerWidth": "152px",
11-
"euiColorPaletteDisplaySizes": {
12-
"sizeExtraSmall": "4px",
13-
"sizeSmall": "8px",
14-
"sizeMedium": "16px"
15-
},
16-
"euiContextMenuWidth": "256px",
17-
"euiControlBarBackground": "#000000",
18-
"euiControlBarText": "#a9aaad",
19-
"euiControlBarBorderColor": "rgba(255, 255, 255, 0.19999999999999996)",
20-
"euiControlBarInitialHeight": "40px",
21-
"euiControlBarMaxHeight": "calc(100vh - 80px)",
22-
"euiControlBarHeights": {
23-
"s": "240px",
24-
"m": "480px",
25-
"l": "100vh"
26-
},
27-
"euiDataGridPrefix": ".euiDataGrid--",
28-
"euiDataGridStyles": "'bordersAll', 'bordersNone', 'bordersHorizontal', 'paddingSmall', 'paddingMedium', 'paddingLarge', 'stripes', 'rowHoverNone', 'rowHoverHighlight', 'headerShade', 'headerUnderline', 'footerShade', 'footerOverline', 'fontSizeSmall', 'fontSizeLarge', 'noControls', 'stickyFooter'",
292
"euiZDataGrid": 999,
303
"euiZHeaderBelowDataGrid": 998,
314
"euiZDataGridCellPopover": 1000,
32-
"euiDataGridColumnResizerWidth": "3px",
33-
"euiDataGridPopoverMaxHeight": "400px",
345
"euiDataGridCellPaddingS": "4px",
356
"euiDataGridCellPaddingM": "6px",
367
"euiDataGridCellPaddingL": "8px",
37-
"euiDataGridVerticalBorder": "solid 1px #24272e",
38-
"euiSuperDatePickerWidth": "480px",
39-
"euiSuperDatePickerButtonWidth": "118px",
40-
"euiDragAndDropSpacing": {
41-
"s": "2px",
42-
"m": "4px",
43-
"l": "8px"
44-
},
45-
"euiEmptyPromptContentMaxWidth": "36em",
46-
"euiFilePickerTallHeight": "128px",
47-
"euiRangeLevelColors": {
48-
"primary": "#36a2ef",
49-
"success": "#7dded8",
50-
"warning": "#f3d371",
51-
"danger": "#f86b63"
52-
},
53-
"textareaResizing": {
54-
"vertical": "resizeVertical",
55-
"horizontal": "resizeHorizontal",
56-
"both": "resizeBoth",
57-
"none": "resizeNone"
58-
},
59-
"euiHeaderLinksGutterSizes": {
60-
"gutterXS": "4px",
61-
"gutterS": "8px",
62-
"gutterM": "12px",
63-
"gutterL": "24px"
64-
},
65-
"euiKeyPadMenuSize": "96px",
66-
"euiKeyPadMenuMarginSize": "4px",
67-
"euiMarkdownEditorMinHeight": "150px",
68-
"euiResizableButtonTransitionSpeed": "150ms",
69-
"euiResizableButtonSize": "16px",
70-
"euiSelectableListItemBorder": "1px solid #202128",
71-
"euiSelectableListItemPadding": "4px 12px",
72-
"euiSelectableTemplateSitewideTypes": {
73-
"application": {
74-
"color": "#6092c0",
75-
"font-weight": 500
76-
},
77-
"deployment": {
78-
"color": "#54b399",
79-
"font-weight": 500
80-
},
81-
"article": {
82-
"color": "#9170b8",
83-
"font-weight": 500
84-
},
85-
"case": {
86-
"color": "#e7664c",
87-
"font-weight": 500
88-
},
89-
"platform": {
90-
"color": "#d6bf57",
91-
"font-weight": 500
92-
}
93-
},
94-
"euiSideNavEmphasizedBackgroundColor": "rgba(52, 55, 65, 0.30000000000000004)",
95-
"euiSideNavRootTextcolor": "#dfe5ef",
96-
"euiSideNavBranchTextcolor": "#878b95",
97-
"euiSideNavSelectedTextcolor": "#36a2ef",
98-
"euiSideNavDisabledTextcolor": "#515761",
99-
"euiStepNumberSize": "32px",
100-
"euiStepNumberSmallSize": "24px",
101-
"euiStepNumberMargin": "16px",
102-
"euiStepStatusColorsToFade": {
103-
"warning": "#f3d371",
104-
"danger": "#f86b63",
105-
"disabled": "#98a2b3",
106-
"incomplete": "#98a2b3"
107-
},
108-
"euiSuggestItemColors": {
109-
"tint0": "#54b399",
110-
"tint1": "#6092c0",
111-
"tint2": "#d36086",
112-
"tint3": "#9170b8",
113-
"tint4": "#ca8eae",
114-
"tint5": "#d6bf57",
115-
"tint6": "#b9a888",
116-
"tint7": "#da8b45",
117-
"tint8": "#aa6556",
118-
"tint9": "#e7664c",
119-
"tint10": "#98a2b3"
120-
},
121-
"euiTableCellContentPadding": "8px",
122-
"euiTableCellContentPaddingCompressed": "4px",
123-
"euiTableCellCheckboxWidth": "32px",
124-
"euiTableActionsAreaWidth": "40px",
1258
"euiTableHoverColor": "#1e1e25",
1269
"euiTableSelectedColor": "rgba(54, 162, 239, 0.19999999999999996)",
12710
"euiTableHoverSelectedColor": "rgba(27, 81, 120, 0.27999999999999997)",
@@ -275,24 +158,6 @@
275158
"euiFormControlLayoutGroupInputHeight": "38px",
276159
"euiFormControlLayoutGroupInputCompressedHeight": "30px",
277160
"euiFormControlLayoutGroupInputCompressedBorderRadius": "2px",
278-
"euiRangeTrackColor": "#343741",
279-
"euiRangeHighlightColor": "#98a2b3",
280-
"euiRangeThumbRadius": "50%",
281-
"euiRangeThumbHeight": "16px",
282-
"euiRangeThumbWidth": "16px",
283-
"euiRangeThumbBorderColor": "#1d1e24",
284-
"euiRangeThumbBackgroundColor": "#98a2b3",
285-
"euiRangeTrackWidth": "100%",
286-
"euiRangeTrackHeight": "6px",
287-
"euiRangeTrackCompressedHeight": "4px",
288-
"euiRangeTrackBorderWidth": 0,
289-
"euiRangeTrackBorderColor": "#343741",
290-
"euiRangeTrackRadius": "6px",
291-
"euiRangeDisabledOpacity": 0.25,
292-
"euiRangeHighlightHeight": "6px",
293-
"euiRangeHighlightCompressedHeight": "4px",
294-
"euiRangeHeight": "40px",
295-
"euiRangeCompressedHeight": "32px",
296161
"euiHeaderBackgroundColor": "#1d1e24",
297162
"euiHeaderDarkBackgroundColor": "#131317",
298163
"euiHeaderBorderColor": "#131417",
@@ -337,7 +202,6 @@
337202
"euiSizeL": "24px",
338203
"euiSizeXL": "32px",
339204
"euiSizeXXL": "40px",
340-
"euiButtonMinWidth": "112px",
341205
"euiScrollBar": "16px",
342206
"euiScrollBarCorner": "4px",
343207
"euiScrollBarCornerThin": "6px",
@@ -350,14 +214,6 @@
350214
"euiFocusTransparency": 0.8,
351215
"euiFocusTransparencyPercent": "80%",
352216
"euiFocusBackgroundColor": "rgba(54, 162, 239, 0.19999999999999996)",
353-
"euiTooltipBackgroundColor": "#000000",
354-
"euiTooltipBorderColor": "#333333",
355-
"euiTooltipAnimations": {
356-
"top": "euiToolTipTop",
357-
"left": "euiToolTipBottom",
358-
"bottom": "euiToolTipLeft",
359-
"right": "euiToolTipRight"
360-
},
361217
"euiFontFamily": "'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
362218
"euiCodeFontFamily": "'Roboto Mono', 'Consolas', 'Menlo', 'Courier', monospace",
363219
"euiFontFeatureSettings": "calt 1 kern 1 liga 1",
@@ -450,20 +306,5 @@
450306
"euiColorDisabledText": "#515761",
451307
"euiLinkColor": "#36a2ef",
452308
"euiColorChartLines": "#343741",
453-
"euiColorChartBand": "#2a2b33",
454-
"euiDatePickerCalendarWidth": "284px",
455-
"euiDatePickerPadding": "8px",
456-
"euiDatePickerGap": "4px",
457-
"euiDatePickerCalendarColumns": 7,
458-
"euiDatePickerButtonSize": "32px",
459-
"euiDatePickerMinControlWidth": "100px",
460-
"euiDatePickerMaxControlWidth": "140px",
461-
"euiButtonDefaultTransparency": 0.8,
462-
"euiButtonFontWeight": 500,
463-
"euiStepStatusColors": {
464-
"default": "#36a2ef",
465-
"complete": "#7dded8",
466-
"warning": "#f3d371",
467-
"danger": "#f86b63"
468-
}
469-
}
309+
"euiColorChartBand": "#2a2b33"
310+
}

‎src-docs/src/views/theme/_json/eui_theme_dark.json.d.ts‎

Lines changed: 0 additions & 159 deletions
Original file line numberDiff line numberDiff line change
@@ -1,128 +1,11 @@
11
declare module '@elastic/eui/dist/eui_theme_dark.json' {
22
const sassVariables: {
3-
euiCollapsibleNavGroupLightBackgroundColor: string;
4-
euiCollapsibleNavGroupDarkBackgroundColor: string;
5-
euiCollapsibleNavGroupDarkHighContrastColor: string;
6-
euiColorPickerValueRange0: string;
7-
euiColorPickerValueRange1: string;
8-
euiColorPickerSaturationRange0: string;
9-
euiColorPickerSaturationRange1: string;
10-
euiColorPickerIndicatorSize: string;
11-
euiColorPickerWidth: string;
12-
euiColorPaletteDisplaySizes: {
13-
sizeExtraSmall: string;
14-
sizeSmall: string;
15-
sizeMedium: string;
16-
};
17-
euiContextMenuWidth: string;
18-
euiControlBarBackground: string;
19-
euiControlBarText: string;
20-
euiControlBarBorderColor: string;
21-
euiControlBarInitialHeight: string;
22-
euiControlBarMaxHeight: string;
23-
euiControlBarHeights: {
24-
s: string;
25-
m: string;
26-
l: string;
27-
};
28-
euiDataGridPrefix: string;
29-
euiDataGridStyles: string;
303
euiZDataGrid: number;
314
euiZHeaderBelowDataGrid: number;
325
euiZDataGridCellPopover: number;
33-
euiDataGridColumnResizerWidth: string;
34-
euiDataGridPopoverMaxHeight: string;
356
euiDataGridCellPaddingS: string;
367
euiDataGridCellPaddingM: string;
378
euiDataGridCellPaddingL: string;
38-
euiDataGridVerticalBorder: string;
39-
euiSuperDatePickerWidth: string;
40-
euiSuperDatePickerButtonWidth: string;
41-
euiDragAndDropSpacing: {
42-
s: string;
43-
m: string;
44-
l: string;
45-
};
46-
euiEmptyPromptContentMaxWidth: string;
47-
euiFilePickerTallHeight: string;
48-
euiRangeLevelColors: {
49-
primary: string;
50-
success: string;
51-
warning: string;
52-
danger: string;
53-
};
54-
textareaResizing: {
55-
vertical: string;
56-
horizontal: string;
57-
both: string;
58-
none: string;
59-
};
60-
euiHeaderLinksGutterSizes: {
61-
gutterXS: string;
62-
gutterS: string;
63-
gutterM: string;
64-
gutterL: string;
65-
};
66-
euiKeyPadMenuSize: string;
67-
euiKeyPadMenuMarginSize: string;
68-
euiMarkdownEditorMinHeight: string;
69-
euiResizableButtonTransitionSpeed: string;
70-
euiResizableButtonSize: string;
71-
euiSelectableListItemBorder: string;
72-
euiSelectableListItemPadding: string;
73-
euiSelectableTemplateSitewideTypes: {
74-
application: {
75-
color: string;
76-
'font-weight': number;
77-
};
78-
deployment: {
79-
color: string;
80-
'font-weight': number;
81-
};
82-
article: {
83-
color: string;
84-
'font-weight': number;
85-
};
86-
case: {
87-
color: string;
88-
'font-weight': number;
89-
};
90-
platform: {
91-
color: string;
92-
'font-weight': number;
93-
};
94-
};
95-
euiSideNavEmphasizedBackgroundColor: string;
96-
euiSideNavRootTextcolor: string;
97-
euiSideNavBranchTextcolor: string;
98-
euiSideNavSelectedTextcolor: string;
99-
euiSideNavDisabledTextcolor: string;
100-
euiStepNumberSize: string;
101-
euiStepNumberSmallSize: string;
102-
euiStepNumberMargin: string;
103-
euiStepStatusColorsToFade: {
104-
warning: string;
105-
danger: string;
106-
disabled: string;
107-
incomplete: string;
108-
};
109-
euiSuggestItemColors: {
110-
tint0: string;
111-
tint1: string;
112-
tint2: string;
113-
tint3: string;
114-
tint4: string;
115-
tint5: string;
116-
tint6: string;
117-
tint7: string;
118-
tint8: string;
119-
tint9: string;
120-
tint10: string;
121-
};
122-
euiTableCellContentPadding: string;
123-
euiTableCellContentPaddingCompressed: string;
124-
euiTableCellCheckboxWidth: string;
125-
euiTableActionsAreaWidth: string;
1269
euiTableHoverColor: string;
12710
euiTableSelectedColor: string;
12811
euiTableHoverSelectedColor: string;
@@ -276,24 +159,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
276159
euiFormControlLayoutGroupInputHeight: string;
277160
euiFormControlLayoutGroupInputCompressedHeight: string;
278161
euiFormControlLayoutGroupInputCompressedBorderRadius: string;
279-
euiRangeTrackColor: string;
280-
euiRangeHighlightColor: string;
281-
euiRangeThumbRadius: string;
282-
euiRangeThumbHeight: string;
283-
euiRangeThumbWidth: string;
284-
euiRangeThumbBorderColor: string;
285-
euiRangeThumbBackgroundColor: string;
286-
euiRangeTrackWidth: string;
287-
euiRangeTrackHeight: string;
288-
euiRangeTrackCompressedHeight: string;
289-
euiRangeTrackBorderWidth: number;
290-
euiRangeTrackBorderColor: string;
291-
euiRangeTrackRadius: string;
292-
euiRangeDisabledOpacity: number;
293-
euiRangeHighlightHeight: string;
294-
euiRangeHighlightCompressedHeight: string;
295-
euiRangeHeight: string;
296-
euiRangeCompressedHeight: string;
297162
euiHeaderBackgroundColor: string;
298163
euiHeaderDarkBackgroundColor: string;
299164
euiHeaderBorderColor: string;
@@ -338,7 +203,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
338203
euiSizeL: string;
339204
euiSizeXL: string;
340205
euiSizeXXL: string;
341-
euiButtonMinWidth: string;
342206
euiScrollBar: string;
343207
euiScrollBarCorner: string;
344208
euiScrollBarCornerThin: string;
@@ -351,14 +215,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
351215
euiFocusTransparency: number;
352216
euiFocusTransparencyPercent: string;
353217
euiFocusBackgroundColor: string;
354-
euiTooltipBackgroundColor: string;
355-
euiTooltipBorderColor: string;
356-
euiTooltipAnimations: {
357-
top: string;
358-
left: string;
359-
bottom: string;
360-
right: string;
361-
};
362218
euiFontFamily: string;
363219
euiCodeFontFamily: string;
364220
euiFontFeatureSettings: string;
@@ -452,21 +308,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
452308
euiLinkColor: string;
453309
euiColorChartLines: string;
454310
euiColorChartBand: string;
455-
euiDatePickerCalendarWidth: string;
456-
euiDatePickerPadding: string;
457-
euiDatePickerGap: string;
458-
euiDatePickerCalendarColumns: number;
459-
euiDatePickerButtonSize: string;
460-
euiDatePickerMinControlWidth: string;
461-
euiDatePickerMaxControlWidth: string;
462-
euiButtonDefaultTransparency: number;
463-
euiButtonFontWeight: number;
464-
euiStepStatusColors: {
465-
default: string;
466-
complete: string;
467-
warning: string;
468-
danger: string;
469-
};
470311
};
471312
export default sassVariables;
472313
}

0 commit comments

Comments
 (0)