[Visualizations] Replace SCSS with CSS-in-JS #208908
Assignees
Labels
Comments
mbondyra
added
refactoring
Team:Visualizations
|
Pinging @elastic/kibana-visualizations (Team:Visualizations) |
This was referenced Jan 31, 2025
This was referenced Feb 4, 2025
mariairiartef
added a commit
that referenced
this issue
Feb 6, 2025
## Summary Part of #208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Feb 6, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 228f83f)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Feb 6, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 228f83f)
drewdaemon
pushed a commit
to drewdaemon/kibana
that referenced
this issue
Feb 6, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
mariairiartef
added a commit
to mariairiartef/kibana
that referenced
this issue
Feb 7, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
This was referenced Feb 10, 2025
mariairiartef
added a commit
that referenced
this issue
Feb 13, 2025
## Summary Part of #208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marco Liberati <dej611@users.noreply.github.com>
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Feb 13, 2025
…209578) ## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marco Liberati <dej611@users.noreply.github.com> (cherry picked from commit 623119c)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Feb 18, 2025
…ts and gauge expression (elastic#208891) ## Summary part of elastic#208908 Replaces scss to css-in-js. I've tested all the changes. --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> (cherry picked from commit 91a19c0)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Feb 18, 2025
…ts and gauge expression (elastic#208891) ## Summary part of elastic#208908 Replaces scss to css-in-js. I've tested all the changes. --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> (cherry picked from commit 91a19c0)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Feb 18, 2025
…ts and gauge expression (elastic#208891) ## Summary part of elastic#208908 Replaces scss to css-in-js. I've tested all the changes. --------- Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com> (cherry picked from commit 91a19c0)
mariairiartef
added a commit
that referenced
this issue
Mar 3, 2025
## Summary Part of #208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Mar 3, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 8cb484c)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Mar 3, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 8cb484c)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Mar 3, 2025
## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 8cb484c)
mariairiartef
added a commit
that referenced
this issue
Mar 3, 2025
## Summary Part of #208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com>
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Mar 3, 2025
…09982) ## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 3b3bbb1)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Mar 3, 2025
…09982) ## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 3b3bbb1)
kibanamachine
pushed a commit
to kibanamachine/kibana
that referenced
this issue
Mar 3, 2025
…09982) ## Summary Part of elastic#208908 Replaces scss to css-in-js. ### Checklist - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Marta Bondyra <4283304+mbondyra@users.noreply.github.com> (cherry picked from commit 3b3bbb1)
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This issue tracks the removal of SCSS (Sass) throughout our plugins. The recommended replacement is to use @emotion/react wherever possible. More info at https://github.com/elastic/kibana-team/issues/1417.
DoD
kbn-event-annotation-components
src/platform/packages/shared/kbn-event-annotation-components/components/annotation_editor_controls/index.scsskbn-visualization-ui-components
src/platform/packages/shared/kbn-visualization-ui-components/components/dimension_editor_section.scsssrc/platform/packages/shared/kbn-visualization-ui-components/components/field_picker/field_picker.scsssrc/platform/packages/shared/kbn-visualization-ui-components/components/query_input/filter_query_input.scssChart Expressions
src/platform/plugins/shared/chart_expressionsexpression_gauge/public/components/gauge.scssexpression_gauge/public/components/index.scss@mariairiartef
expression_heatmap/public/components/index.scss[Lens] Replace scss for heatmap expression #209246expression_legacy_metric/public/components/metric.scss[Lens/SCSS] Replace expression legacy metric scss #209546expression_tagcloud/public/components/tag_cloud.scss[Lens/SCSS] Replace tag cloud expression metric css with js #209578expression_xy/public/components/annotations.scss[Lens/SCSS] Delete and migrateannotations.scssfile #209074expression_xy/public/components/reference_lines/reference_lines.scss[Lens/SCSS] Delete and migratereference_lines.scssfile #209982expression_xy/public/components/tooltip/tooltip.scssexpression_xy/public/components/xy_chart.scss[Lens/SCSS] Migratexy_chart.scssfile to JS #210379Expressions
@mariairiartef
src/platform/plugins/shared/expressions/public/_expression_renderer.scss[Lens/SCSS] Migrate_expression_renderer.scssfile to JS #210408src/platform/plugins/shared/expressions/public/index.scss[Lens/SCSS] Migrate_expression_renderer.scssfile to JS #210408graph
@mariairiartef
x-pack/platform/plugins/private/graph/public/_main.scssx-pack/platform/plugins/private/graph/public/_mixins.scssx-pack/platform/plugins/private/graph/public/components/_app.scssx-pack/platform/plugins/private/graph/public/components/_graph.scssx-pack/platform/plugins/private/graph/public/components/_index.scssx-pack/platform/plugins/private/graph/public/components/_inspect.scssx-pack/platform/plugins/private/graph/public/components/_search_bar.scssx-pack/platform/plugins/private/graph/public/components/_sidebar.scssx-pack/platform/plugins/private/graph/public/components/_source_modal.scssx-pack/platform/plugins/private/graph/public/components/field_manager/_field_editor.scssx-pack/platform/plugins/private/graph/public/components/field_manager/_field_picker.scssx-pack/platform/plugins/private/graph/public/components/field_manager/_index.scssx-pack/platform/plugins/private/graph/public/components/graph_visualization/_graph_visualization.scssx-pack/platform/plugins/private/graph/public/components/graph_visualization/_index.scssx-pack/platform/plugins/private/graph/public/components/guidance_panel/_guidance_panel.scssx-pack/platform/plugins/private/graph/public/components/guidance_panel/_index.scssx-pack/platform/plugins/private/graph/public/components/settings/_index.scssx-pack/platform/plugins/private/graph/public/components/settings/_legacy_icon.scssx-pack/platform/plugins/private/graph/public/components/settings/_url_template_list.scssx-pack/platform/plugins/private/graph/public/components/venn_diagram/_index.scssx-pack/platform/plugins/private/graph/public/components/venn_diagram/_venn_diagram.scssx-pack/platform/plugins/private/graph/public/index.scsslens @mbondyra
lens/public/visualizations/datatable/components/dimension_editor.scss@mbondyralens/public/visualizations/legacy_metric/dimension_editor.scss@mbondyralens/public/visualizations/gauge/dimension_editor.scss@mbondyralens/public/visualizations/heatmap/dimension_editor.scss@mbondyralens/public/datasources/common/field_item.scss@mbondyralens/public/visualizations/partition/toolbar.scss@mbondyralens/public/visualizations/xy/xy_config_panel/axis_settings_popover.scss@mbondyralens/public/datasources/form_based/help_popover.scss@mbondyralens/public/editor_frame_service/editor_frame/config_panel/dimension_container.scss@mbondyralens/public/editor_frame_service/editor_frame/data_panel_wrapper.scss@mbondyralens/public/visualizations/gauge/toolbar_component/gauge_config_panel.scss@mbondyralens/public/datasources/form_based/dimension_panel/field_select.scss@mbondyralens/public/datasources/form_based/operations/definitions/filters/filter_popover.scss@mbondyralens/public/datasources/form_based/operations/definitions/filters/filters.scss@mbondyralens/public/datasources/form_based/operations/definitions/ranges/advanced_editor.scss@mbondyralens/public/datasources/form_based/operations/definitions/shared_components/form_row.scss@mbondyralens/public/editor_frame_service/editor_frame/workspace_panel/geo_field_workspace_panel.scss@mbondyralens/public/shared_components/toolbar_popover.scss@mbondyralens/public/app_plugin/app.scsslens/public/editor_frame_service/editor_frame/workspace_panel/message_list.scsslens/public/shared_components/setting_with_sibling_flyout.scsslens/public/visualizations/datatable/components/table_basic.scsslens/public/_mixins.scsslens/public/_variables.scsslens/public/datasources/form_based/datapanel.scsslens/public/datasources/form_based/dimension_panel/dimension_editor.scsslens/public/datasources/form_based/operations/definitions/formula/editor/formula.scsslens/public/editor_frame_service/editor_frame/config_panel/chart_switch/chart_switch.scsslens/public/editor_frame_service/editor_frame/config_panel/layer_panel.scsslens/public/editor_frame_service/editor_frame/frame_layout.scsslens/public/editor_frame_service/editor_frame/suggestion_panel.scsslens/public/editor_frame_service/editor_frame/workspace_panel/workspace_panel_wrapper.scsslens/public/react_embeddable/user_messages/info_badges.scsslens/public/shared_components/dataview_picker/toolbar_button.scsslens/public/shared_components/flyout_container.scsslens/public/trigger_actions/open_lens_config/helpers.scsslens/public/visualization_container.scsstsvb
src/platform/plugins/shared/vis_types/timeseries/public/application/components/_annotations_editor.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/_error.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/_markdown_editor.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/_series_editor.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/_vis_editor_visualization.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/_vis_with_splits.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/last_value_mode_popover.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/panel_config/_panel_config.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/timeseries_visualization.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/vis_types/_vis_types.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/components/vis_types/markdown/_markdown.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/visualizations/views/_annotation.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/visualizations/views/_gauge.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/visualizations/views/_metric.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/visualizations/views/_top_n.scsssrc/platform/plugins/shared/vis_types/timeseries/public/application/visualizations/views/_variables.scsssrc/platform/plugins/shared/visualizations/public/legacy/embeddable/embeddables.scsssrc/platform/plugins/shared/visualizations/public/legacy/embeddable/error_embeddable.scsslegacy visualizations
src/platform/plugins/private/vis_default_editor/public/_agg.scsssrc/platform/plugins/private/vis_default_editor/public/_agg_params.scsssrc/platform/plugins/private/vis_default_editor/public/_default.scsssrc/platform/plugins/private/vis_default_editor/public/_sidebar.scsssrc/platform/plugins/private/vis_default_editor/public/index.scsssrc/platform/plugins/private/vis_types/table/public/components/table_visualization.scsssrc/platform/plugins/private/vis_types/timelion/public/components/timelion_vis.scsssrc/platform/plugins/private/vis_types/timelion/public/timelion_options.scsssrc/platform/plugins/private/vis_types/vega/public/components/vega_editor.scsssrc/platform/plugins/private/vis_types/vega/public/components/vega_vis.scsssrc/platform/plugins/private/vis_types/vega/public/vega_inspector/vega_data_inspector.scsssrc/platform/plugins/private/vis_types/vega/public/vega_view/vega_map_view/vega_map_view.scsssrc/platform/plugins/private/vis_types/vislib/public/index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/_index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/_variables.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/_vislib_vis_type.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/_index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/components/legend/_legend.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/components/tooltip/_index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/components/tooltip/_tooltip.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/lib/_index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/lib/layout/_index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/lib/layout/_layout.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/visualizations/gauges/_index.scsssrc/platform/plugins/private/vis_types/vislib/public/vislib/visualizations/gauges/_meter.scsssrc/platform/plugins/shared/visualizations/public/vis.scsssrc/platform/plugins/shared/visualizations/public/visualize_app/app.scsssrc/platform/plugins/shared/visualizations/public/visualize_app/components/visualize_editor.scsssrc/platform/plugins/shared/visualizations/public/visualize_app/components/visualize_listing.scsssrc/platform/plugins/shared/visualizations/public/visualize_app/utils/visualize_navigation.scsssrc/platform/plugins/shared/visualizations/public/visualize_screenshot_mode.scsssrc/platform/plugins/shared/visualizations/public/wizard/dialog.scsssrc/platform/plugins/shared/visualizations/public/wizard/group_selection/group_selection.scssShared with data discovery team:
src/platform/packages/shared/kbn-dom-drag-drop/src/sass/drag_drop_mixins.scsssrc/platform/packages/shared/kbn-dom-drag-drop/src/sass/draggable.scsssrc/platform/packages/shared/kbn-dom-drag-drop/src/sass/droppable.scsssrc/platform/plugins/shared/data/public/index.scsssrc/platform/plugins/shared/data/public/search/session/session_indicator/search_session_indicator/search_session_indicator.scsssrc/platform/plugins/shared/data/public/search/session/sessions_mgmt/components/actions/inspect_button.scsssrc/platform/plugins/shared/data/public/utils/table_inspector_view/_data_table.scsssrc/platform/plugins/shared/data/public/utils/table_inspector_view/_index.scssThe text was updated successfully, but these errors were encountered: