From 849602631c85a1032f91b12ad274386e0adeab56 Mon Sep 17 00:00:00 2001 From: Tommy Markley Date: Tue, 1 Mar 2022 00:14:46 +0000 Subject: [PATCH] Replaces `sass-lint` with `stylelint` * Introduces standard scss rules from stylelint with only a few modifications. * `yarn lint` now runs `yarn lint:style` instead of `yarn lint:sass`. * Many of the files were updated with `yarn lint:style --fix`, but some of them had to be manually updated to adhere to the newly-introduced rules from the stylelint configuration. A major culprit was the `no-descending-specificity` rule. * Some of the automated fixes that changed function names (e.g. EUI functions like `lightOrDarkTheme`) had to be overridden because EUI doesn't adhere to all of the rules. We can address this after we fold in and replace `node-sass` with Dart Sass. * Includes a couple fixes such as fixing the class selector for `osdnSuggestionItem--value .osdSuggestionItem__text`. Resolves #551 Resolves #1139 Resolves #1151 Resolves #1152 Resolves #1154 Signed-off-by: Tommy Markley --- .prettierignore | 2 + .sass-lint.yml | 84 -- .stylelintignore | 2 + .stylelintrc.yml | 12 + examples/search_examples/public/index.scss | 1 + package.json | 10 +- .../plugins/bar/public/legacy/styles.scss | 2 +- .../template/public/index.scss | 1 + .../doc_site/src/components/guide/_guide.scss | 36 +- .../components/guide_code/_guide_code.scss | 2 +- .../guide_code_viewer/_guide_code_viewer.scss | 60 +- .../src/components/guide_components.scss | 26 +- .../components/guide_demo/_guide_demo.scss | 6 +- .../src/components/guide_nav/_guide_nav.scss | 151 +-- .../components/guide_page/_guide_page.scss | 1 + .../_guide_page_side_nav.scss | 46 +- .../guide_section/_guide_section.scss | 59 +- .../osd-ui-framework/doc_site/src/main.scss | 14 +- .../src/components/button/_button.scss | 26 +- .../src/components/button/_index.scss | 8 + .../button/button_group/_button_group.scss | 27 +- .../_empty_table_prompt.scss | 16 +- .../form/assisted_input/_assisted_input.scss | 14 +- .../components/form/check_box/_check_box.scss | 19 +- .../form/search_input/_search_input.scss | 35 +- .../src/components/form/select/_select.scss | 1 + .../form/static_input/_static_input.scss | 2 + .../components/form/text_area/_text_area.scss | 1 + .../src/components/icon/_icon.scss | 2 +- .../src/components/index.scss | 42 +- .../components/info_panel/_info_panel.scss | 20 +- .../src/components/local_nav/_index.scss | 1 + .../local_nav/_local_breadcrumbs.scss | 5 +- .../local_nav/_local_date_picker.scss | 36 +- .../components/local_nav/_local_dropdown.scss | 44 +- .../src/components/local_nav/_local_menu.scss | 18 +- .../components/local_nav/_local_search.scss | 36 +- .../src/components/local_nav/_local_tabs.scss | 56 +- .../src/components/panel/_panel.scss | 21 +- .../components/status_text/_status_text.scss | 2 +- .../components/table/_controlled_table.scss | 1 + .../src/components/table/_table.scss | 74 +- .../src/components/tabs/_tabs.scss | 25 +- .../components/tool_bar/_tool_bar_search.scss | 48 +- .../src/components/typography/_index.scss | 1 + .../src/components/view/_index.scss | 2 +- .../global_styling/mixins/_global_mixins.scss | 19 +- .../src/global_styling/mixins/_index.scss | 6 +- .../global_styling/mixins/_responsive.scss | 2 +- .../src/global_styling/mixins/_shadow.scss | 15 +- .../src/global_styling/variables/_colors.scss | 5 +- .../src/global_styling/variables/_index.scss | 18 +- .../src/global_styling/variables/_size.scss | 15 +- .../global_styling/variables/_z_index.scss | 33 +- packages/osd-ui-framework/src/kui_dark.scss | 16 +- packages/osd-ui-framework/src/kui_light.scss | 16 +- scripts/{sasslint.js => stylelint.js} | 2 +- src/core/public/_variables.scss | 2 +- src/core/public/chrome/_index.scss | 2 +- src/core/public/chrome/ui/_index.scss | 4 +- .../chrome/ui/header/collapsible_nav.scss | 1 + .../public/chrome/ui/header/header_logo.scss | 10 +- .../core_app/styles/_globals_v7dark.scss | 9 +- .../core_app/styles/_globals_v7light.scss | 9 +- .../core_app/styles/_globals_v8dark.scss | 9 +- .../core_app/styles/_globals_v8light.scss | 9 +- src/core/public/core_app/styles/_mixins.scss | 13 +- src/core/public/index.scss | 12 +- src/core/public/overlays/_index.scss | 4 +- src/core/public/overlays/banners/_index.scss | 2 +- src/core/public/rendering/_base.scss | 4 +- src/core/public/rendering/_index.scss | 2 +- src/core/public/styles/_ace_overrides.scss | 63 +- src/core/public/styles/_base.scss | 14 +- src/core/public/styles/_index.scss | 4 +- src/dev/run_precommit_hook.js | 4 +- src/dev/{run_sasslint.js => run_stylelint.js} | 18 +- src/dev/{sasslint => stylelint}/index.js | 0 src/dev/{sasslint => stylelint}/lint_files.js | 41 +- .../pick_files_to_lint.js | 10 +- .../management_app/_advanced_settings.scss | 13 +- .../public/management_app/index.scss | 2 +- src/plugins/console/public/index.scss | 2 +- src/plugins/console/public/styles/_app.scss | 5 + src/plugins/console/public/styles/_index.scss | 4 +- .../public/styles/components/_history.scss | 2 + .../public/styles/components/_index.scss | 4 +- .../dashboard/public/application/_hacks.scss | 3 +- .../embeddable/grid/_dashboard_grid.scss | 10 +- .../application/embeddable/grid/_index.scss | 2 +- .../embeddable/panel/_dashboard_panel.scss | 6 +- .../application/embeddable/panel/_index.scss | 2 +- .../embeddable/viewport/_index.scss | 2 +- .../dashboard/public/application/index.scss | 14 +- src/plugins/data/public/index.scss | 2 +- src/plugins/data/public/ui/_index.scss | 15 +- .../ui/filter_bar/_global_filter_group.scss | 5 +- .../ui/filter_bar/_global_filter_item.scss | 13 +- .../data/public/ui/filter_bar/_index.scss | 6 +- .../data/public/ui/filter_bar/_variables.scss | 1 + .../public/ui/query_string_input/_index.scss | 2 +- .../ui/query_string_input/_query_bar.scss | 24 +- .../ui/saved_query_management/_index.scss | 4 +- .../_saved_query_list_item.scss | 1 + .../_saved_query_management_component.scss | 1 + .../_shard_failure_modal.scss | 53 +- .../data/public/ui/typeahead/_index.scss | 2 +- .../data/public/ui/typeahead/_suggestion.scss | 154 +-- .../public/application/_discover.scss | 14 +- .../public/application/angular/_index.scss | 4 +- .../application/angular/context/_index.scss | 2 +- .../context/components/action_bar/_index.scss | 2 +- .../angular/directives/_index.scss | 4 +- .../angular/doc_table/_doc_table.scss | 61 +- .../angular/doc_table/components/_index.scss | 4 +- .../doc_table/components/_table_header.scss | 7 +- .../doc_table/components/table_row/_cell.scss | 2 +- .../components/table_row/_details.scss | 9 +- .../components/table_row/_index.scss | 6 +- .../doc_table/components/table_row/_open.scss | 2 +- .../application/angular/doc_table/index.scss | 4 +- .../components/doc_viewer/doc_viewer.scss | 59 +- .../sidebar/discover_field_details.scss | 1 + .../components/sidebar/discover_sidebar.scss | 27 +- .../embeddable/search_embeddable.scss | 3 +- .../discover/public/application/index.scss | 4 +- src/plugins/embeddable/public/_variables.scss | 3 +- src/plugins/embeddable/public/index.scss | 6 +- .../public/lib/panel/_embeddable_panel.scss | 35 +- .../embeddable/public/lib/panel/_index.scss | 2 +- .../public/lib/panel/panel_header/_index.scss | 2 +- src/plugins/expressions/public/index.scss | 2 +- .../application/components/_add_data.scss | 2 +- .../public/application/components/_home.scss | 2 +- .../public/application/components/_index.scss | 15 +- .../components/_solutions_section.scss | 48 +- .../application/components/_welcome.scss | 3 +- .../home/public/application/index.scss | 2 +- .../public/_templates.scss | 3 +- .../empty_index_pattern_prompt.scss | 13 +- .../empty_state/empty_state.scss | 6 +- .../public/components/editor/_index.scss | 2 +- .../public/components/vis/_index.scss | 2 +- .../input_control_vis/public/index.scss | 4 +- src/plugins/inspector/public/index.scss | 2 +- .../inspector/public/views/_index.scss | 4 +- .../public/views/data/_data_table.scss | 4 +- .../inspector/public/views/data/_index.scss | 2 +- .../public/views/requests/_index.scss | 2 +- .../management_app/management_app.scss | 4 +- .../management_sidebar_nav.scss | 2 +- .../public/map/_leaflet_overrides.scss | 29 +- .../maps_legacy/public/map/_legend.scss | 7 +- src/plugins/maps_legacy/public/map/index.scss | 4 +- .../public/font_awesome/font_awesome.scss | 34 +- .../public/paginate/_paginate.scss | 5 +- .../public/components/_index.scss | 2 +- .../public/components/_overview.scss | 42 +- .../public/index.scss | 2 +- .../_exit_full_screen_button.scss | 10 +- .../public/exit_full_screen_button/index.scss | 2 +- .../public/field_button/field_button.scss | 46 +- .../public/markdown/_markdown.scss | 83 +- .../public/markdown/index.scss | 2 +- .../_overview_page_header.scss | 2 +- .../overview_page_header/index.scss | 4 +- .../ace/_ui_ace_keyboard_mode.scss | 1 + src/plugins/saved_objects/public/index.scss | 2 +- .../public/save_modal/_index.scss | 2 +- .../save_modal/saved_object_save_modal.scss | 2 +- .../share/public/components/_index.scss | 2 +- src/plugins/share/public/index.scss | 2 +- src/plugins/tile_map/public/index.scss | 2 +- src/plugins/timeline/public/_base.scss | 7 +- .../timeline/public/directives/_form.scss | 4 +- .../timeline/public/directives/_index.scss | 15 +- .../directives/_saved_object_finder.scss | 61 +- .../public/directives/cells/_cells.scss | 5 +- .../public/directives/cells/_index.scss | 2 +- .../_index.scss | 2 +- .../_timeline_expression_suggestions.scss | 2 +- .../directives/timeline_help/_index.scss | 2 +- .../timeline_help/_timeline_help.scss | 4 +- .../directives/timeline_interval/_index.scss | 2 +- src/plugins/timeline/public/index.scss | 8 +- .../vis_default_editor/public/_default.scss | 13 +- .../vis_default_editor/public/_sidebar.scss | 13 +- .../vis_default_editor/public/index.scss | 8 +- .../public/markdown_vis.scss | 2 +- .../public/components/metric_vis.scss | 7 +- .../vis_type_table/public/_table_vis.scss | 2 +- .../public/agg_table/_index.scss | 2 +- src/plugins/vis_type_table/public/index.scss | 6 +- .../public/paginated_table/_index.scss | 2 +- .../paginated_table/_table_cell_filter.scss | 10 +- .../public/components/tag_cloud.scss | 3 +- .../public/components/timeline_vis.scss | 1 + .../public/timeline_options.scss | 2 +- .../public/application/_tvb_editor.scss | 1 - .../public/application/_variables.scss | 28 +- .../components/_annotations_editor.scss | 2 +- .../application/components/_color_picker.scss | 2 +- .../public/application/components/_index.scss | 29 +- .../application/components/_no_data.scss | 6 +- .../components/_series_editor.scss | 2 +- .../components/_vis_with_splits.scss | 4 + .../application/components/aggs/_index.scss | 2 +- .../components/panel_config/_index.scss | 2 +- .../components/vis_types/_index.scss | 5 +- .../components/vis_types/_vis_types.scss | 13 +- .../vis_types/markdown/_markdown.scss | 3 +- .../public/application/index.scss | 10 +- .../visualizations/views/_annotation.scss | 1 + .../visualizations/views/_gauge.scss | 7 +- .../visualizations/views/_index.scss | 9 +- .../visualizations/views/_metric.scss | 20 +- .../visualizations/views/_top_n.scss | 2 - .../vis_type_vega/public/_vega_editor.scss | 4 +- .../vis_type_vega/public/_vega_vis.scss | 35 +- src/plugins/vis_type_vega/public/index.scss | 4 +- .../vega_inspector/vega_data_inspector.scss | 4 +- src/plugins/vis_type_vislib/public/index.scss | 2 +- .../vis_type_vislib/public/vislib/_index.scss | 16 +- .../public/vislib/_variables.scss | 6 +- .../vislib/components/legend/_index.scss | 2 +- .../vislib/components/legend/_legend.scss | 39 +- .../vislib/components/tooltip/_index.scss | 2 +- .../vislib/components/tooltip/_tooltip.scss | 3 +- .../public/vislib/lib/_alerts.scss | 4 +- .../public/vislib/lib/_index.scss | 7 +- .../public/vislib/lib/layout/_index.scss | 2 +- .../public/vislib/lib/layout/_layout.scss | 273 +++--- .../vislib/visualizations/gauges/_index.scss | 2 +- .../visualizations/point_series/_index.scss | 2 +- .../public/components/_index.scss | 2 +- .../public/components/_visualization.scss | 6 +- .../public/embeddable/_embeddables.scss | 27 +- .../public/embeddable/_index.scss | 4 +- .../embeddable/_visualize_lab_disabled.scss | 1 - src/plugins/visualizations/public/index.scss | 6 +- .../visualizations/public/wizard/_dialog.scss | 6 +- .../visualizations/public/wizard/_index.scss | 2 +- .../components/visualize_editor.scss | 7 +- .../components/visualize_listing.scss | 4 +- tasks/config/run.js | 6 +- tasks/jenkins.js | 2 +- tasks/test.js | 2 +- .../lint/{sasslint.sh => stylelint.sh} | 2 +- yarn.lock | 897 +++++++----------- 249 files changed, 2047 insertions(+), 2186 deletions(-) create mode 100644 .prettierignore delete mode 100644 .sass-lint.yml create mode 100644 .stylelintignore create mode 100644 .stylelintrc.yml rename scripts/{sasslint.js => stylelint.js} (96%) rename src/dev/{run_sasslint.js => run_stylelint.js} (70%) rename src/dev/{sasslint => stylelint}/index.js (100%) rename src/dev/{sasslint => stylelint}/lint_files.js (64%) rename src/dev/{sasslint => stylelint}/pick_files_to_lint.js (79%) rename test/scripts/lint/{sasslint.sh => stylelint.sh} (67%) diff --git a/.prettierignore b/.prettierignore new file mode 100644 index 000000000000..fcb38e9ff339 --- /dev/null +++ b/.prettierignore @@ -0,0 +1,2 @@ +# use stylelint +*.scss diff --git a/.sass-lint.yml b/.sass-lint.yml deleted file mode 100644 index c399da95df2e..000000000000 --- a/.sass-lint.yml +++ /dev/null @@ -1,84 +0,0 @@ -files: - include: - - 'src/legacy/core_plugins/metrics/**/*.s+(a|c)ss' - - 'src/plugins/index_pattern_management/**/*.s+(a|c)ss' - - 'src/plugins/timeline/**/*.s+(a|c)ss' - - 'src/plugins/vis_type_vislib/**/*.s+(a|c)ss' - - 'src/plugins/vis_type_vega/**/*.s+(a|c)ss' - - 'src/plugins/vis_type_xy/**/*.s+(a|c)ss' -rules: - quotes: - - 2 - - - style: 'single' - # } else { style on one line, like our JS - brace-style: - - 2 - - - style: '1tbs' - variable-name-format: - - 2 - - - convention: 'camelcase' - # Needs regex, right now we ignore - class-name-format: 0 - # Order how you please - property-sort-order: 0 - hex-notation: - - 2 - - - style: 'uppercase' - mixin-name-format: - - 2 - - - allow-leading-underscore: false - convention: 'camelcase' - # Use none instead of 0 for no border - border-zero: - - 2 - - convention: 'none' - force-element-nesting: 0 - # something { not something{ - space-before-brace: - - 2 - force-pseudo-nesting: 0 - # 2 spaces for indentation - indentation: 2 - function-name-format: - - 2 - - - allow-leading-underscore: false - convention: 'camelcase' - # This removes the need for ::hover - pseudo-element: 0 - # ($var / 2) rather than ($var/2) - space-around-operator: 2 - # We minify css, so this doesn't apply - no-css-comments: 0 - # We use _ (underscores) for import path that don't directly compile - clean-import-paths: 0 - # Allows input[type=search] - force-attribute-nesting: 0 - no-qualifying-elements: - - 2 - - - # Allows input[type=search] - allow-element-with-attribute: 1 - # Files can end without a newline - final-newline: 0 - # We use some rare duplicate property values for browser variance - no-duplicate-properties: - - 2 - - - exclude: - - 'font-size' - - 'word-break' - # Put a line-break between sections of CSS, but allow quicky one-liners for legibility - empty-line-between-blocks: - - 2 - - - allow-single-line-rulesets: 1 - # Warns are nice for deprecations and development - no-warn: 0 - # Transition all is useful in certain situations and there's no recent info to suggest slowdown - no-transition-all: 0 diff --git a/.stylelintignore b/.stylelintignore new file mode 100644 index 000000000000..b3fdf275c9a4 --- /dev/null +++ b/.stylelintignore @@ -0,0 +1,2 @@ +build +target \ No newline at end of file diff --git a/.stylelintrc.yml b/.stylelintrc.yml new file mode 100644 index 000000000000..ef9c2a5d0266 --- /dev/null +++ b/.stylelintrc.yml @@ -0,0 +1,12 @@ +extends: + - stylelint-config-standard-scss +rules: + # while we still use node-sass, only legacy rgb() notation is allowed + color-function-notation: "legacy" + # camelCase names + keyframes-name-pattern: "^[a-z][a-zA-Z0-9_-]+$" + selector-class-pattern: "^[a-z][a-zA-Z0-9_-]+$" + selector-id-pattern: "^[a-z][a-zA-Z0-9_-]+$" + scss/at-mixin-pattern: "^[a-z][a-zA-Z0-9_-]+$" + scss/at-function-pattern: "^[a-z][a-zA-Z0-9_-]+$" + scss/dollar-variable-pattern: "^[a-z][a-zA-Z0-9_-]+$" diff --git a/examples/search_examples/public/index.scss b/examples/search_examples/public/index.scss index e69de29bb2d1..ff7112406eac 100644 --- a/examples/search_examples/public/index.scss +++ b/examples/search_examples/public/index.scss @@ -0,0 +1 @@ +/* stylelint-disable no-empty-source */ diff --git a/package.json b/package.json index d34f798cfee1..7648d0b6562e 100644 --- a/package.json +++ b/package.json @@ -56,9 +56,9 @@ "start": "node scripts/opensearch_dashboards --dev", "debug": "node --nolazy --inspect scripts/opensearch_dashboards --dev", "debug-break": "node --nolazy --inspect-brk scripts/opensearch_dashboards --dev", - "lint": "yarn run lint:es && yarn run lint:sass", + "lint": "yarn run lint:es && yarn run lint:style", "lint:es": "node scripts/eslint", - "lint:sass": "node scripts/sasslint", + "lint:style": "node scripts/stylelint", "makelogs": "node scripts/makelogs", "uiFramework:start": "cd packages/osd-ui-framework && yarn docSiteStart", "uiFramework:build": "cd packages/osd-ui-framework && yarn docSiteBuild", @@ -76,14 +76,11 @@ "**/@types/node": "^14.17.32", "**/@types/react": "^16.14.23", "**/ejs": "^3.1.6", - "**/front-matter": "^4.0.2", "**/glob-parent": "^6.0.0", "**/hoist-non-react-statics": "^3.3.2", "**/immer": "^9.0.6", "**/kind-of": ">=6.0.3", "**/lodash": "^4.17.21", - "**/merge": "^2.1.1", - "**/minimist": "^1.2.5", "**/node-jose": "^2.1.0", "**/normalize-url": "^4.5.1", "**/prismjs": "^1.23.0", @@ -437,11 +434,12 @@ "regenerate": "^1.4.0", "reselect": "^4.0.0", "resize-observer-polyfill": "^1.5.0", - "sass-lint": "^1.12.1", "selenium-webdriver": "^4.0.0-alpha.7", "simple-git": "1.116.0", "sinon": "^7.4.2", "strip-ansi": "^6.0.0", + "stylelint": "^14.5.2", + "stylelint-config-standard-scss": "^3.0.0", "supertest": "^3.1.0", "supertest-as-promised": "^4.0.2", "tape": "^5.0.1", diff --git a/packages/osd-optimizer/src/__fixtures__/mock_repo/plugins/bar/public/legacy/styles.scss b/packages/osd-optimizer/src/__fixtures__/mock_repo/plugins/bar/public/legacy/styles.scss index 7fa8383ec239..702fac3d1ed2 100644 --- a/packages/osd-optimizer/src/__fixtures__/mock_repo/plugins/bar/public/legacy/styles.scss +++ b/packages/osd-optimizer/src/__fixtures__/mock_repo/plugins/bar/public/legacy/styles.scss @@ -1,4 +1,4 @@ -@import "./other_styles.scss"; +@import "./other_styles"; body { width: $globalStyleConstant; diff --git a/packages/osd-plugin-generator/template/public/index.scss b/packages/osd-plugin-generator/template/public/index.scss index e69de29bb2d1..ce148b0db00c 100644 --- a/packages/osd-plugin-generator/template/public/index.scss +++ b/packages/osd-plugin-generator/template/public/index.scss @@ -0,0 +1 @@ +// empty template diff --git a/packages/osd-ui-framework/doc_site/src/components/guide/_guide.scss b/packages/osd-ui-framework/doc_site/src/components/guide/_guide.scss index 64c5a63cf207..81b6196a1311 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide/_guide.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide/_guide.scss @@ -64,25 +64,25 @@ html { background-color: $euiColorEmptyShade; } - .guideContentPage__hint { - position: absolute; - top: 0; - left: 0; - width: 100%; - max-width: 260px; - max-height: 500px; - padding: 30px; - margin: 20px; - border-radius: 4px; - background-color: $euiColorLightestShade; - line-height: $guideLineHeight; - } +.guideContentPage__hint { + position: absolute; + top: 0; + left: 0; + width: 100%; + max-width: 260px; + max-height: 500px; + padding: 30px; + margin: 20px; + border-radius: 4px; + background-color: $euiColorLightestShade; + line-height: $guideLineHeight; +} - .guideContentPage__content { - width: 100%; - max-width: 800px; - padding: 30px 60px; - } +.guideContentPage__content { + width: 100%; + max-width: 800px; + padding: 30px 60px; +} .guideHintArrow { position: absolute; diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_code/_guide_code.scss b/packages/osd-ui-framework/doc_site/src/components/guide_code/_guide_code.scss index 14fdae066c11..d62950f0923d 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_code/_guide_code.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_code/_guide_code.scss @@ -1,6 +1,6 @@ .guideCode { padding: 2px 4px; - font-family: 'Ubuntu Mono', monospace; + font-family: "Ubuntu Mono", monospace; background-color: $euiColorLightestShade; color: $euiColorDarkShade; } diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_code_viewer/_guide_code_viewer.scss b/packages/osd-ui-framework/doc_site/src/components/guide_code_viewer/_guide_code_viewer.scss index a4dc2eecc57d..d76adab84f2d 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_code_viewer/_guide_code_viewer.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_code_viewer/_guide_code_viewer.scss @@ -22,39 +22,39 @@ } } - .guideCodeViewer__header { - padding: 0 20px 6px; - line-height: $guideLineHeight; - border-bottom: $euiBorderThin; - font-size: 14px; - font-weight: 700; - margin-bottom: 10px; - } +.guideCodeViewer__header { + padding: 0 20px 6px; + line-height: $guideLineHeight; + border-bottom: $euiBorderThin; + font-size: 14px; + font-weight: 700; + margin-bottom: 10px; +} - .guideCodeViewer__closeButton { - position: absolute; - top: 0; - right: 10px; - cursor: pointer; - padding: 10px; - border-radius: 3px; - color: $guideTextColor; - - &:hover { - color: $guideLinkHoverColor; - } +.guideCodeViewer__closeButton { + position: absolute; + top: 0; + right: 10px; + cursor: pointer; + padding: 10px; + border-radius: 3px; + color: $guideTextColor; + + &:hover { + color: $guideLinkHoverColor; } +} - .guideCodeViewer__title { - padding: 0 20px 6px; - border-bottom: $euiBorderThin; - line-height: $guideLineHeight; - font-size: 14px; - } +.guideCodeViewer__title { + padding: 0 20px 6px; + border-bottom: $euiBorderThin; + line-height: $guideLineHeight; + font-size: 14px; +} - .guideCodeViewer__content { - margin: 0 0 16px; - } +.guideCodeViewer__content { + margin: 0 0 16px; +} // HLJS @@ -64,7 +64,7 @@ color: $euiColorDarkShade; font-size: 14px; line-height: 1.3; - font-family: 'Ubuntu Mono', monospace; + font-family: "Ubuntu Mono", monospace; } .hljs-keyword { diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_components.scss b/packages/osd-ui-framework/doc_site/src/components/guide_components.scss index 42e55ac6a00f..50949338cf87 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_components.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_components.scss @@ -1,3 +1,15 @@ +@import "guide/guide"; +@import "guide_code/guide_code"; +@import "guide_code_viewer/guide_code_viewer"; +@import "guide_demo/guide_demo"; +@import "guide_link/guide_link"; +@import "guide_nav/guide_nav"; +@import "guide_page/guide_page"; +@import "guide_page_side_nav/guide_page_side_nav"; +@import "guide_sandbox/guide_sandbox"; +@import "guide_section/guide_section"; +@import "guide_text/guide_text"; + $guideVerticalRhythm: $euiSize; $guideLineHeight: $euiSizeL; $guideNavHeight: 60px; @@ -13,6 +25,7 @@ $guideBaseBackgroundColor: $euiColorLightestShade; $guidePanelBackgroundColor: $euiColorEmptyShade; $guideTextColor: $euiColorDarkestShade; $guideLinkColor: $euiColorPrimary; +/* stylelint-disable-next-line scss/no-global-function-names */ $guideLinkHoverColor: darken($euiColorPrimary, 10%); // Breakpoints @@ -47,16 +60,3 @@ $guideNormalBreakpoint: 1900px; background-color: transparent; } } - - -@import "guide/guide"; -@import "guide_code/guide_code"; -@import "guide_code_viewer/guide_code_viewer"; -@import "guide_demo/guide_demo"; -@import "guide_link/guide_link"; -@import "guide_nav/guide_nav"; -@import "guide_page/guide_page"; -@import "guide_page_side_nav/guide_page_side_nav"; -@import "guide_sandbox/guide_sandbox"; -@import "guide_section/guide_section"; -@import "guide_text/guide_text"; diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_demo/_guide_demo.scss b/packages/osd-ui-framework/doc_site/src/components/guide_demo/_guide_demo.scss index e97cb0613995..f6f0491abf39 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_demo/_guide_demo.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_demo/_guide_demo.scss @@ -10,14 +10,16 @@ .guideDemo__highlightGrid { .kuiFlexItem { - background: transparentize($euiColorPrimary, .9); + /* stylelint-disable-next-line scss/no-global-function-names */ + background: transparentize($euiColorPrimary, 0.9); padding: 16px; } } .guideDemo__highlightGridWrap { .kuiFlexItem div { - background: transparentize($euiColorPrimary, .9); + /* stylelint-disable-next-line scss/no-global-function-names */ + background: transparentize($euiColorPrimary, 0.9); padding: 16px; } } diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_nav/_guide_nav.scss b/packages/osd-ui-framework/doc_site/src/components/guide_nav/_guide_nav.scss index a0bfd08957e8..ad4882eb6efc 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_nav/_guide_nav.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_nav/_guide_nav.scss @@ -16,10 +16,12 @@ height 0.3s ease, box-shadow 0.3s linear; overflow: hidden; + @include euiBottomShadowMedium; &.is-guide-nav-open { height: 100%; + @include euiBottomShadow; } @@ -28,69 +30,69 @@ } } - .guideNav__showButton { - position: fixed; - z-index: 9999; - top: 5px; - right: 5px; - font-size: 10px; - opacity: 0; - transition: opacity $guideChromeTransition; +.guideNav__showButton { + position: fixed; + z-index: 9999; + top: 5px; + right: 5px; + font-size: 10px; + opacity: 0; + transition: opacity $guideChromeTransition; + + .is-chrome-hidden & { + opacity: 1; + } +} - .is-chrome-hidden & { - opacity: 1; - } +.guideNav__header { + position: relative; + flex: 0 0 auto; + display: flex; + align-items: center; + height: 60px; + padding: 0 20px; +} + +.guideNav__menu { + cursor: pointer; + margin-right: 10px; + padding: 10px; + border-radius: 3px; + + &.is-menu-button-pinned, + &:hover { + background-color: rgb(black, 0.05); } - .guideNav__header { - position: relative; - flex: 0 0 auto; - display: flex; - align-items: center; - height: 60px; - padding: 0 20px; + &:active { + background-color: rgb(black, 0.2); + box-shadow: inset 0 2px 8px rgb(black, 0.1); } +} - .guideNav__menu { - cursor: pointer; - margin-right: 10px; - padding: 10px; - border-radius: 3px; - - &.is-menu-button-pinned, - &:hover { - background-color: rgba(black, 0.05); - } - - &:active { - background-color: rgba(black, 0.2); - box-shadow: inset 0 2px 8px rgba(black, 0.1); - } - } - - .guideNav__title { - color: $guideTextColor; - text-decoration: none; - font-size: 18px; - } - - .guideNav__version { - margin-left: 10px; - font-weight: 300; - font-size: 14px; - } - - // TODO: [RENAMEME] replacement background-image might be needed - .guideNav__opensearchLogo { - position: absolute; - background-image: url("images/react-logo.svg"); - width: 106px; - height: 36px; - background-repeat: no-repeat; - background-size: contain; - left: 50%; - transform: translateX(-50%); - } +.guideNav__title { + color: $guideTextColor; + text-decoration: none; + font-size: 18px; +} + +.guideNav__version { + margin-left: 10px; + font-weight: 300; + font-size: 14px; +} + +// TODO: [RENAMEME] replacement background-image might be needed +.guideNav__opensearchLogo { + position: absolute; + background-image: url("images/react-logo.svg"); + width: 106px; + height: 36px; + background-repeat: no-repeat; + background-size: contain; + left: 50%; + transform: translateX(-50%); +} .guideNavSearch { margin: 0 20px; @@ -111,6 +113,7 @@ */ .guideNavItemsContainer { @include scrollbar; + display: flex; overflow: auto; min-height: calc(100vh - #{$guideNavHeight + 40px}); /* 1 */ @@ -118,9 +121,8 @@ .guideNavItems { display: flex; - flex-direction: column; + flex-flow: column wrap; align-items: flex-start; - flex-wrap: wrap; align-content: flex-start; } @@ -147,23 +149,23 @@ align-items: center; } - .guideNavItem__link { - color: $guideTextColor; - text-decoration: none; +.guideNavItem__link { + color: $guideTextColor; + text-decoration: none; - &:hover { - color: $guideLinkHoverColor; - } + &:hover { + color: $guideLinkHoverColor; } +} - .guideNavItem__reactLogo { - margin-left: 10px; - background-image: url("images/react-logo.svg"); - width: 24px; - height: 22px; - background-repeat: no-repeat; - background-size: contain; - } +.guideNavItem__reactLogo { + margin-left: 10px; + background-image: url("images/react-logo.svg"); + width: 24px; + height: 22px; + background-repeat: no-repeat; + background-size: contain; +} .guideNavNoItems { color: rgba($guideTextColor, 0.5); @@ -179,7 +181,6 @@ .guideNavPaginationButton { appearance: none; - border: none; line-height: 10px; padding: 4px 20px; color: $guideLinkHoverColor; diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_page/_guide_page.scss b/packages/osd-ui-framework/doc_site/src/components/guide_page/_guide_page.scss index 92b55359fdaa..0de091a5826f 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_page/_guide_page.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_page/_guide_page.scss @@ -36,6 +36,7 @@ } .guidePageKillScreen { + /* stylelint-disable-next-line function-name-case */ background-color: tintOrShade($euiColorDanger, 90%, 70%); padding: $euiSizeL; margin-bottom: $euiSizeL; diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_page_side_nav/_guide_page_side_nav.scss b/packages/osd-ui-framework/doc_site/src/components/guide_page_side_nav/_guide_page_side_nav.scss index 747464719e84..b9063dac5f5f 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_page_side_nav/_guide_page_side_nav.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_page_side_nav/_guide_page_side_nav.scss @@ -15,30 +15,30 @@ } } - .guidePageSideNav__title { - padding-bottom: 10px; - margin-bottom: 7px; - font-size: 22px; - line-height: $guideLineHeight; - opacity: 0.8; - } +.guidePageSideNav__title { + padding-bottom: 10px; + margin-bottom: 7px; + font-size: 22px; + line-height: $guideLineHeight; + opacity: 0.8; +} - .guidePageSideNavMenu { - line-height: $guideLineHeight; - } +.guidePageSideNavMenu { + line-height: $guideLineHeight; +} - .guidePageSideNavMenu__item { - & + & { - margin-top: 6px; - } - } +.guidePageSideNavMenu__item { + & + & { + margin-top: 6px; + } +} - .guidePageSideNavMenu__itemLink { - cursor: pointer; - color: $guideTextColor; - text-decoration: none; +.guidePageSideNavMenu__itemLink { + cursor: pointer; + color: $guideTextColor; + text-decoration: none; - &:hover { - color: $guideLinkHoverColor; - } - } + &:hover { + color: $guideLinkHoverColor; + } +} diff --git a/packages/osd-ui-framework/doc_site/src/components/guide_section/_guide_section.scss b/packages/osd-ui-framework/doc_site/src/components/guide_section/_guide_section.scss index 62f3f1b1686e..6263486876ed 100644 --- a/packages/osd-ui-framework/doc_site/src/components/guide_section/_guide_section.scss +++ b/packages/osd-ui-framework/doc_site/src/components/guide_section/_guide_section.scss @@ -2,38 +2,37 @@ margin-bottom: 40px; } - .guideSection__header { - display: flex; - justify-content: space-between; - align-items: center; - padding-bottom: 2px; - line-height: $guideLineHeight; - } +.guideSection__header { + display: flex; + justify-content: space-between; + align-items: center; + padding-bottom: 2px; + line-height: $guideLineHeight; +} - .guideSection__title { - font-size: 18px; - font-weight: 700; - } +.guideSection__title { + font-size: 18px; + font-weight: 700; +} - .guideSection__sourceButton { - appearance: none; - border: none; - line-height: 10px; - padding: 4px 10px; - color: $guideLinkHoverColor; - background-color: $euiColorEmptyShade; - border: 1px solid $guideLinkHoverColor; - border-radius: 3px; - cursor: pointer; - transform: translateX(0); - transition: transform $guideChromeTransition; +.guideSection__sourceButton { + appearance: none; + line-height: 10px; + padding: 4px 10px; + color: $guideLinkHoverColor; + background-color: $euiColorEmptyShade; + border: 1px solid $guideLinkHoverColor; + border-radius: 3px; + cursor: pointer; + transform: translateX(0); + transition: transform $guideChromeTransition; - &:hover, - &:active { - background-color: $euiColorLightestShade; - } + &:hover, + &:active { + background-color: $euiColorLightestShade; + } - .is-chrome-hidden & { - transform: translateX(60px); - } + .is-chrome-hidden & { + transform: translateX(60px); } +} diff --git a/packages/osd-ui-framework/doc_site/src/main.scss b/packages/osd-ui-framework/doc_site/src/main.scss index 266a9eb7a933..6b114c693b47 100644 --- a/packages/osd-ui-framework/doc_site/src/main.scss +++ b/packages/osd-ui-framework/doc_site/src/main.scss @@ -1,7 +1,7 @@ -@import '~@elastic/eui/src/themes/eui/eui_colors_dark'; -@import '~@elastic/eui/src/global_styling/functions/index'; -@import '~@elastic/eui/src/global_styling/variables/index'; -@import '~@elastic/eui/src/global_styling/mixins/index'; -@import '~@elastic/eui/src/global_styling/reset/index'; -@import '../../dist/kui_dark.css'; -@import './components/guide_components'; +@import "~@elastic/eui/src/themes/eui/eui_colors_dark"; +@import "~@elastic/eui/src/global_styling/functions/index"; +@import "~@elastic/eui/src/global_styling/variables/index"; +@import "~@elastic/eui/src/global_styling/mixins/index"; +@import "~@elastic/eui/src/global_styling/reset/index"; +@import "../../dist/kui_dark.css"; +@import "./components/guide_components"; diff --git a/packages/osd-ui-framework/src/components/button/_button.scss b/packages/osd-ui-framework/src/components/button/_button.scss index 9766e01d2ef4..9ecc37dc69c8 100644 --- a/packages/osd-ui-framework/src/components/button/_button.scss +++ b/packages/osd-ui-framework/src/components/button/_button.scss @@ -19,22 +19,21 @@ @include kuiButtonDisabled { cursor: not-allowed; - opacity: .5; + opacity: 0.5; } @include kuiButtonActive { transform: translateY(1px); } - } - /** +/** * 1. Solves whitespace problems introduced by inline elements. */ - .kuiButton__inner { - display: flex; /* 1 */ - align-items: center; /* 1 */ - } +.kuiButton__inner { + display: flex; /* 1 */ + align-items: center; /* 1 */ +} .kuiButton--small { font-size: $buttonSmallFontSize; @@ -58,6 +57,7 @@ } } + /* stylelint-disable no-descending-specificity */ &.kuiButton--small { .kuiButton__icon { &:first-child:not(:only-child) { @@ -130,13 +130,17 @@ @include kuiButtonFocus { @include focus($euiColorDanger); + color: $euiColorDanger; } @include kuiButtonHoverAndActive { + /* stylelint-disable-next-line scss/no-global-function-names */ color: darken($euiColorDanger, 10%) !important; + /* stylelint-disable-next-line scss/no-global-function-names */ border: solid 1px darken($euiColorDanger, 10%); - background-color: transparentize($euiColorDanger, .9); + /* stylelint-disable-next-line scss/no-global-function-names */ + background-color: transparentize($euiColorDanger, 0.9); } } @@ -149,6 +153,7 @@ @include kuiButtonFocus { @include focus($kuiFocusWarningColor); + color: $buttonDefaultTextColor; } @@ -181,9 +186,12 @@ border: solid 1px $euiColorPrimary; @include kuiButtonHoverAndActive { + /* stylelint-disable-next-line scss/no-global-function-names */ color: darken($euiColorPrimary, 10%) !important; /* 1 */ + /* stylelint-disable-next-line scss/no-global-function-names */ border: solid 1px darken($euiColorPrimary, 10%); - background-color: transparentize($euiColorPrimary, .9); + /* stylelint-disable-next-line scss/no-global-function-names */ + background-color: transparentize($euiColorPrimary, 0.9); text-decoration: underline; } } diff --git a/packages/osd-ui-framework/src/components/button/_index.scss b/packages/osd-ui-framework/src/components/button/_index.scss index b5312ab40e70..ed190ab7489d 100644 --- a/packages/osd-ui-framework/src/components/button/_index.scss +++ b/packages/osd-ui-framework/src/components/button/_index.scss @@ -15,27 +15,35 @@ $buttonDefaultTextColor: $euiColorGhost; // Basic $buttonBasicTextColor: $kuiTextColor; $buttonBasicBackgroundColor: $kuiColorLightestGray; +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonBasicHoverBackgroundColor: darken($kuiColorLightestGray, 10%); $buttonBasicDisabledTextColor: $kuiTextColor; // Primary $buttonPrimaryBackgroundColor: $kuiLinkColor; $buttonPrimaryHoverBackgroundColor: $kuiLinkColor-isHover; +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonPrimaryDisabledBackgroundColor: desaturate($kuiLinkColor, 70%); // Success $buttonSuccessBackgroundColor: $kuiColorTeal; +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonSuccessHoverBackgroundColor: darken($kuiColorTeal, 10%); +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonSuccessDisabledBackgroundColor: desaturate($kuiColorTeal, 70%); // Danger $buttonDangerBackgroundColor: $kuiColorRed; +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonDangerHoverBackgroundColor: darken($kuiColorRed, 10%); +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonDangerDisabledBackgroundColor: lighten($buttonDangerBackgroundColor, 50%); // Warning $buttonWarningBackgroundColor: $euiColorWarning; +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonWarningHoverBackgroundColor: darken($buttonWarningBackgroundColor, 10%); +/* stylelint-disable-next-line scss/no-global-function-names */ $buttonWarningDisabledBackgroundColor: lighten($buttonWarningBackgroundColor, 10%); // Hollow diff --git a/packages/osd-ui-framework/src/components/button/button_group/_button_group.scss b/packages/osd-ui-framework/src/components/button/button_group/_button_group.scss index 6566413037e1..6d88187108b6 100644 --- a/packages/osd-ui-framework/src/components/button/button_group/_button_group.scss +++ b/packages/osd-ui-framework/src/components/button/button_group/_button_group.scss @@ -1,3 +1,12 @@ +.kuiButtonGroup--fullWidth { + display: flex; + + > .kuiButton { + flex: 1 1 auto; + text-align: center; + } +} + .kuiButtonGroup { display: flex; align-items: center; @@ -8,10 +17,6 @@ } .kuiButtonGroup--united { - > .kuiButton:not(:first-child):not(:last-child) { - border-radius: 0; - } - > .kuiButton:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; @@ -23,23 +28,15 @@ } > .kuiButton:only-child { - border-top-right-radius: $kuiBorderRadius; - border-bottom-right-radius: $kuiBorderRadius; - border-top-left-radius: $kuiBorderRadius; - border-bottom-left-radius: $kuiBorderRadius; + border-radius: $kuiBorderRadius; } .kuiButton + .kuiButton { margin-left: 0; } -} - -.kuiButtonGroup--fullWidth { - display: flex; - > .kuiButton { - flex: 1 1 auto; - text-align: center; + > .kuiButton:not(:first-child):not(:last-child) { + border-radius: 0; } } diff --git a/packages/osd-ui-framework/src/components/empty_table_prompt/_empty_table_prompt.scss b/packages/osd-ui-framework/src/components/empty_table_prompt/_empty_table_prompt.scss index c59916744f4a..eb9aae4febbe 100644 --- a/packages/osd-ui-framework/src/components/empty_table_prompt/_empty_table_prompt.scss +++ b/packages/osd-ui-framework/src/components/empty_table_prompt/_empty_table_prompt.scss @@ -5,12 +5,12 @@ padding: 30px; } - .kuiEmptyTablePrompt__message { - font-size: $kuiTitleFontSize; - color: $kuiSubduedTextColor; - line-height: $kuiLineHeight; - } +.kuiEmptyTablePrompt__message { + font-size: $kuiTitleFontSize; + color: $kuiSubduedTextColor; + line-height: $kuiLineHeight; +} - .kuiEmptyTablePrompt__actions { - margin-top: 10px; - } +.kuiEmptyTablePrompt__actions { + margin-top: 10px; +} diff --git a/packages/osd-ui-framework/src/components/form/assisted_input/_assisted_input.scss b/packages/osd-ui-framework/src/components/form/assisted_input/_assisted_input.scss index b54dc536bbb0..3ecdca481218 100644 --- a/packages/osd-ui-framework/src/components/form/assisted_input/_assisted_input.scss +++ b/packages/osd-ui-framework/src/components/form/assisted_input/_assisted_input.scss @@ -6,12 +6,12 @@ position: relative; } - /** +/** * 1. Vertically center the assistance, regardless of its height. */ - .kuiAssistedInput__assistance { - position: absolute; - right: $kuiFormControlHorizontalPadding; - top: 50%; /* 1 */ - transform: translateY(-50%); /* 1 */ - } +.kuiAssistedInput__assistance { + position: absolute; + right: $kuiFormControlHorizontalPadding; + top: 50%; /* 1 */ + transform: translateY(-50%); /* 1 */ +} diff --git a/packages/osd-ui-framework/src/components/form/check_box/_check_box.scss b/packages/osd-ui-framework/src/components/form/check_box/_check_box.scss index 9d97fae4f02b..2c608f869532 100644 --- a/packages/osd-ui-framework/src/components/form/check_box/_check_box.scss +++ b/packages/osd-ui-framework/src/components/form/check_box/_check_box.scss @@ -5,23 +5,23 @@ * 2. Override default styles (possibly from Bootstrap). */ .kuiCheckBox { - -webkit-appearance: none; /* 1 */ + appearance: none; /* 1 */ background-color: $checkboxBackgroundColor; border: 1px solid $checkboxBorderColor; border-radius: $kuiBorderRadius; width: 16px; height: 16px; + font: $kuiFontFamily !important; /* 2 */ line-height: $kuiLineHeight !important; /* 2 */ margin: 0 !important; /* 2 */ - font: $kuiFontFamily !important; /* 2 */ font-family: $kuiFontFamily !important; /* 2 */ font-size: 10px !important; /* 2 */ transition: background-color $kuiInputTransitionTiming; - &:before { + &::before { position: relative; left: 0.25em; - font-family: FontAwesome; + font-family: FontAwesome, sans-serif; content: "\F00C"; font-size: 1em; opacity: 0; @@ -32,7 +32,8 @@ &:checked { border-color: $checkboxCheckedBackgroundColor; background-color: $checkboxCheckedBackgroundColor; - &:before { + + &::before { opacity: 1; } } @@ -55,7 +56,7 @@ line-height: $kuiLineHeight; } - .kuiCheckBoxLabel__text { - font-size: $kuiFontSize; - margin-left: 8px; - } +.kuiCheckBoxLabel__text { + font-size: $kuiFontSize; + margin-left: 8px; +} diff --git a/packages/osd-ui-framework/src/components/form/search_input/_search_input.scss b/packages/osd-ui-framework/src/components/form/search_input/_search_input.scss index 007ed696b468..66b060b61039 100644 --- a/packages/osd-ui-framework/src/components/form/search_input/_search_input.scss +++ b/packages/osd-ui-framework/src/components/form/search_input/_search_input.scss @@ -1,3 +1,14 @@ +/** + * 1. Make space for search icon. + * 2. Expand to fill container. + */ +.kuiSearchInput__input { + @include formControl; + + padding-left: 28px; /* 1 */ + width: 100%; /* 2 */ +} + .kuiSearchInput { width: $kuiFormFieldDefaultWidth; display: inline-block; @@ -12,23 +23,13 @@ } } - .kuiSearchInput__icon { - position: absolute; - top: 0.5em; - left: 0.7em; - font-size: 1em; - color: $searchInputTextColor; - } - - /** - * 1. Make space for search icon. - * 2. Expand to fill container. - */ - .kuiSearchInput__input { - @include formControl; - padding-left: 28px; /* 1 */ - width: 100%; /* 2 */ - } +.kuiSearchInput__icon { + position: absolute; + top: 0.5em; + left: 0.7em; + font-size: 1em; + color: $searchInputTextColor; +} .kuiSearchInput--small { width: $kuiFormFieldSmallWidth; diff --git a/packages/osd-ui-framework/src/components/form/select/_select.scss b/packages/osd-ui-framework/src/components/form/select/_select.scss index 20e17d5bc26d..01cbf8da37be 100644 --- a/packages/osd-ui-framework/src/components/form/select/_select.scss +++ b/packages/osd-ui-framework/src/components/form/select/_select.scss @@ -10,6 +10,7 @@ &:focus { box-shadow: none; + @include formControlFocus; } } diff --git a/packages/osd-ui-framework/src/components/form/static_input/_static_input.scss b/packages/osd-ui-framework/src/components/form/static_input/_static_input.scss index 82eac7187b0b..1a0003ae4336 100644 --- a/packages/osd-ui-framework/src/components/form/static_input/_static_input.scss +++ b/packages/osd-ui-framework/src/components/form/static_input/_static_input.scss @@ -3,7 +3,9 @@ */ .kuiStaticInput { width: $kuiFormFieldDefaultWidth; + @include formControlBase; + border: 1px solid transparent; /* 1 */ background-color: transparent; } diff --git a/packages/osd-ui-framework/src/components/form/text_area/_text_area.scss b/packages/osd-ui-framework/src/components/form/text_area/_text_area.scss index e60ee9b0597c..085753c77f14 100644 --- a/packages/osd-ui-framework/src/components/form/text_area/_text_area.scss +++ b/packages/osd-ui-framework/src/components/form/text_area/_text_area.scss @@ -5,6 +5,7 @@ &:focus { box-shadow: none; + @include formControlFocus; } diff --git a/packages/osd-ui-framework/src/components/icon/_icon.scss b/packages/osd-ui-framework/src/components/icon/_icon.scss index 4ba19a67fd95..919356b972ed 100644 --- a/packages/osd-ui-framework/src/components/icon/_icon.scss +++ b/packages/osd-ui-framework/src/components/icon/_icon.scss @@ -4,7 +4,7 @@ */ .kuiIcon { display: inline-block; /* 1 */ - font: normal normal normal 14px/1 FontAwesome; /* 1 */ + font: normal normal normal 14px/1 FontAwesome, sans-serif; /* 1 */ font-size: inherit; /* 1 */ text-rendering: auto; /* 1 */ -webkit-font-smoothing: antialiased; /* 1 */ diff --git a/packages/osd-ui-framework/src/components/index.scss b/packages/osd-ui-framework/src/components/index.scss index 3d9694d70696..d0624dabd64f 100644 --- a/packages/osd-ui-framework/src/components/index.scss +++ b/packages/osd-ui-framework/src/components/index.scss @@ -8,27 +8,27 @@ // /ui/styles/. Over time, those components will be replaced with the SASS files // contained here. Until then, know that styling here may run into conflict with // global styles (like those on naked selectors) contained there. -// +// --- // When possible, if making changes to those legacy components, please think about // instead adding them to this library and deprecating that dependency. -@import 'bar/index'; -@import 'button/index'; -@import 'collapse_button/index'; -@import 'form/index'; -@import 'form_layout/index'; -@import 'icon/index'; -@import 'info_panel/index'; -@import 'link/index'; -@import 'local_nav/index'; -@import 'pager/index'; -@import 'panel/index'; -@import 'empty_table_prompt/index'; -@import 'status_text/index'; -@import 'table/index'; -@import 'table_info/index'; -@import 'tabs/index'; -@import 'tool_bar/index'; -@import 'typography/index'; -@import 'vertical_rhythm/index'; -@import 'view/index'; +@import "bar/index"; +@import "button/index"; +@import "collapse_button/index"; +@import "form/index"; +@import "form_layout/index"; +@import "icon/index"; +@import "info_panel/index"; +@import "link/index"; +@import "local_nav/index"; +@import "pager/index"; +@import "panel/index"; +@import "empty_table_prompt/index"; +@import "status_text/index"; +@import "table/index"; +@import "table_info/index"; +@import "tabs/index"; +@import "tool_bar/index"; +@import "typography/index"; +@import "vertical_rhythm/index"; +@import "view/index"; diff --git a/packages/osd-ui-framework/src/components/info_panel/_info_panel.scss b/packages/osd-ui-framework/src/components/info_panel/_info_panel.scss index a68de4fae38e..ec066d02ff0e 100644 --- a/packages/osd-ui-framework/src/components/info_panel/_info_panel.scss +++ b/packages/osd-ui-framework/src/components/info_panel/_info_panel.scss @@ -40,17 +40,17 @@ align-items: baseline; /* 1 */ } - .kuiInfoPanelHeader__icon { - margin-right: 10px; - font-size: $kuiFontSize; - line-height: $kuiLineHeight; - } +.kuiInfoPanelHeader__icon { + margin-right: 10px; + font-size: $kuiFontSize; + line-height: $kuiLineHeight; +} - .kuiInfoPanelHeader__title { - font-size: $kuiFontSize; - line-height: $kuiLineHeight; - font-weight: $kuiFontWeightBold; - } +.kuiInfoPanelHeader__title { + font-size: $kuiFontSize; + line-height: $kuiLineHeight; + font-weight: $kuiFontWeightBold; +} .kuiInfoPanelBody { margin-top: $infoPanelVerticalRhythm; diff --git a/packages/osd-ui-framework/src/components/local_nav/_index.scss b/packages/osd-ui-framework/src/components/local_nav/_index.scss index 761865d34c11..f1149926b4f6 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_index.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_index.scss @@ -27,6 +27,7 @@ $localSearchHeight: 32px; $localDatePickerBottomSpacing: 4px; $localDatePickerButtonPadding: 3px 6px; $localDatePickerCellPadding: 8px; + // Match the height of body cells, but leave out side padding so content can expand without // affecting the cell's width. $localDatePickerHeaderCellPadding: #{$localDatePickerCellPadding + 1px} 0; diff --git a/packages/osd-ui-framework/src/components/local_nav/_local_breadcrumbs.scss b/packages/osd-ui-framework/src/components/local_nav/_local_breadcrumbs.scss index 48cffd02a437..128a4a4cf9dd 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_local_breadcrumbs.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_local_breadcrumbs.scss @@ -20,8 +20,8 @@ & + & { margin-left: 6px; - &:before { - content: '/'; + &::before { + content: "/"; user-select: none; margin-right: 4px; color: $localNavBreadcrumbDelimiterColor; @@ -34,6 +34,7 @@ */ .kuiLocalBreadcrumb__link { @include link; + color: $localBreadcrumbLinkColor; /* 1 */ font-size: $kuiFontSize; } diff --git a/packages/osd-ui-framework/src/components/local_nav/_local_date_picker.scss b/packages/osd-ui-framework/src/components/local_nav/_local_date_picker.scss index 0a38a115c4a0..3df295a93086 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_local_date_picker.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_local_date_picker.scss @@ -51,24 +51,6 @@ line-height: 1.2; } -.kuiDatePickerRowCell { - padding: 0; - text-align: center; - - /** - * This state class exists to support weird angular-bootstrap datepicker functionality, - * in which you can't select a day on the "From" calendar if it falls after the selected day in - * the "To" calendar (and vice versa, you can't select a "To" day if it is before the "From" day). - */ - &.kuiDatePickerRowCell-isBlocked { - cursor: not-allowed; - - .kuiDatePickerRowCellContent { - pointer-events: none; - } - } -} - /** * 1. Override inherited styles. */ @@ -115,3 +97,21 @@ background-color: $localDatePickerButtonHoverBackgroundColor; } } + +.kuiDatePickerRowCell { + padding: 0; + text-align: center; + + /** + * This state class exists to support weird angular-bootstrap datepicker functionality, + * in which you can't select a day on the "From" calendar if it falls after the selected day in + * the "To" calendar (and vice versa, you can't select a "To" day if it is before the "From" day). + */ + &.kuiDatePickerRowCell-isBlocked { + cursor: not-allowed; + + .kuiDatePickerRowCellContent { + pointer-events: none; + } + } +} diff --git a/packages/osd-ui-framework/src/components/local_nav/_local_dropdown.scss b/packages/osd-ui-framework/src/components/local_nav/_local_dropdown.scss index 405d4f32df9a..9da9ecca673c 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_local_dropdown.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_local_dropdown.scss @@ -55,35 +55,35 @@ margin-bottom: 6px; } - /** +/** * 1. Override inherited styles. */ - .kuiLocalDropdownHeader__label { - font-size: 14px; - font-weight: 700; - margin-bottom: 0; /* 1 */ - color: $localNavTextColor; - } +.kuiLocalDropdownHeader__label { + font-size: 14px; + font-weight: 700; + margin-bottom: 0; /* 1 */ + color: $localNavTextColor; +} - .kuiLocalDropdownHeader__actions { - display: flex; - } +.kuiLocalDropdownHeader__actions { + display: flex; +} - .kuiLocalDropdownHeader__action { - color: $kuiLinkColor; - font-size: 12px; - text-decoration: none; - cursor: pointer; +.kuiLocalDropdownHeader__action { + color: $kuiLinkColor; + font-size: 12px; + text-decoration: none; + cursor: pointer; - & + & { - margin-left: 10px; - } + & + & { + margin-left: 10px; + } - &:hover, - &:active { - color: $kuiLinkColor-isHover; - } + &:hover, + &:active { + color: $kuiLinkColor-isHover; } +} .kuiLocalDropdownInput { display: block; diff --git a/packages/osd-ui-framework/src/components/local_nav/_local_menu.scss b/packages/osd-ui-framework/src/components/local_nav/_local_menu.scss index 4feb5225d5b3..d2b30905d203 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_local_menu.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_local_menu.scss @@ -8,7 +8,7 @@ .kuiLocalMenuItem { display: flex; align-items: center; - padding: ($localNavSideSpacing * .25) $localNavSideSpacing; + padding: ($localNavSideSpacing * 0.25) $localNavSideSpacing; font-size: $kuiFontSize; background-color: $localNavButtonBackgroundColor; color: $localNavButtonTextColor; @@ -16,8 +16,9 @@ cursor: pointer; border-bottom: solid 2px transparent; - &:hover, &:focus { - background-color: rgba($localNavButtonBackgroundColor-isHover, .15); + &:hover, + &:focus { + background-color: rgba($localNavButtonBackgroundColor-isHover, 0.15); text-decoration: underline; } @@ -27,7 +28,8 @@ border-color: $euiColorPrimary; z-index: 2; - &:hover, &:focus { + &:hover, + &:focus { text-decoration: none; } } @@ -43,7 +45,7 @@ } } - .kuiLocalMenuItem__icon { - margin-right: 5px; - margin-bottom: -1px; - } +.kuiLocalMenuItem__icon { + margin-right: 5px; + margin-bottom: -1px; +} diff --git a/packages/osd-ui-framework/src/components/local_nav/_local_search.scss b/packages/osd-ui-framework/src/components/local_nav/_local_search.scss index 740ae664c7f5..4bd06dd9f19d 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_local_search.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_local_search.scss @@ -4,8 +4,19 @@ margin-bottom: 8px; } +/** + * 1. em used for right padding so documentation link and query string + * won't overlap if the user increases their default browser font size + * This is sized for the 'Options' link + */ +.kuiLocalSearchInput, +.kuiLocalSearchAssistedInput__input { + padding-right: 6em; /* 1 */ +} + .kuiLocalSearchInput { @include formControl; + flex: 1 1 100%; border-color: $localSearchBackgroundColor; border-color: $kuiColorLightGray; @@ -26,26 +37,17 @@ border-radius: 0; border-left-width: 0; } -/** - * 1. em used for right padding so documentation link and query string - * won't overlap if the user increases their default browser font size - * This is sized for the 'Options' link - */ - .kuiLocalSearchInput, - .kuiLocalSearchAssistedInput__input { - padding-right: 6em; /* 1 */ - } - /** +/** * 1. Vertically center the assistance, regardless of its height. */ - .kuiLocalSearchAssistedInput__assistance { - position: absolute; - right: $kuiFormControlHorizontalPadding/2; - top: 50%; /* 1 */ - z-index: 2; - transform: translateY(-50%); /* 1 */ - } +.kuiLocalSearchAssistedInput__assistance { + position: absolute; + right: $kuiFormControlHorizontalPadding / 2; + top: 50%; /* 1 */ + z-index: 2; + transform: translateY(-50%); /* 1 */ +} .kuiLocalSearchSelect { @include select; diff --git a/packages/osd-ui-framework/src/components/local_nav/_local_tabs.scss b/packages/osd-ui-framework/src/components/local_nav/_local_tabs.scss index d9dde4880ddc..e54cfbd18ade 100644 --- a/packages/osd-ui-framework/src/components/local_nav/_local_tabs.scss +++ b/packages/osd-ui-framework/src/components/local_nav/_local_tabs.scss @@ -7,40 +7,40 @@ height: 100%; } - /** +/** * 1. Override inherited typographic styles. */ - .kuiLocalTab { - padding: 5px 0 6px 0; - font-size: 18px; - color: $localTabTextColor; - border-bottom: 2px solid transparent; - text-decoration: none; - cursor: pointer; - margin-top: 0 !important; /* 1 */ - margin-bottom: 0 !important; /* 1 */ +.kuiLocalTab { + padding: 5px 0 6px; + font-size: 18px; + color: $localTabTextColor; + border-bottom: 2px solid transparent; + text-decoration: none; + cursor: pointer; + margin-top: 0 !important; /* 1 */ + margin-bottom: 0 !important; /* 1 */ - &:hover:not(.kuiLocalTab-isDisabled), - &:active:not(.kuiLocalTab-isDisabled) { - color: $localTabTextColor-isHover; - } + & + & { + margin-left: 15px; + } - &.kuiLocalTab-isSelected { - color: $localTabTextColor-isSelected; - border-bottom-color: $localTabTextColor-isSelected; - cursor: default; - } + &:hover:not(.kuiLocalTab-isDisabled), + &:active:not(.kuiLocalTab-isDisabled) { + color: $localTabTextColor-isHover; + } - /** + &.kuiLocalTab-isSelected { + color: $localTabTextColor-isSelected; + border-bottom-color: $localTabTextColor-isSelected; + cursor: default; + } + + /** * 1. We may want to show a tooltip to explain why the tab is disabled, so we will just show * a regular cursor instead of setting pointer-events: none. */ - &.kuiLocalTab-isDisabled { - opacity: 0.5; - cursor: default; /* 1 */ - } - - & + & { - margin-left: 15px; - } + &.kuiLocalTab-isDisabled { + opacity: 0.5; + cursor: default; /* 1 */ } +} diff --git a/packages/osd-ui-framework/src/components/panel/_panel.scss b/packages/osd-ui-framework/src/components/panel/_panel.scss index 53ac8c32de33..8fd82fc8b19d 100644 --- a/packages/osd-ui-framework/src/components/panel/_panel.scss +++ b/packages/osd-ui-framework/src/components/panel/_panel.scss @@ -1,10 +1,15 @@ .kuiPanel { @include euiBottomShadowSmall; + background-color: $euiColorEmptyShade; border: $euiBorderThin; border-radius: $euiBorderRadius; } +.kuiPanelBody { + padding: $panelPadding; +} + .kuiPanel--prompt { display: flex; flex-direction: column; @@ -44,14 +49,14 @@ border-bottom: $kuiBorderThin; } - /** +/** * 1. This way we can use h1, h2, etc. */ - .kuiPanelHeader__title { - font-size: $kuiTitleFontSize; - line-height: $kuiLineHeight; - margin: 0; /* 1 */ - } +.kuiPanelHeader__title { + font-size: $kuiTitleFontSize; + line-height: $kuiLineHeight; + margin: 0; /* 1 */ +} /** * 1. Undo what barSection mixin does. @@ -64,7 +69,3 @@ margin-right: auto; /* 1 */ } } - -.kuiPanelBody { - padding: $panelPadding; -} diff --git a/packages/osd-ui-framework/src/components/status_text/_status_text.scss b/packages/osd-ui-framework/src/components/status_text/_status_text.scss index ebc992e76e25..2d03c5d86e16 100644 --- a/packages/osd-ui-framework/src/components/status_text/_status_text.scss +++ b/packages/osd-ui-framework/src/components/status_text/_status_text.scss @@ -26,5 +26,5 @@ .kuiStatusText__icon { margin-right: 6px; width: $statusTextIconSize; /* 1 */ - max-height:$statusTextIconSize; /* 2 */ + max-height: $statusTextIconSize; /* 2 */ } diff --git a/packages/osd-ui-framework/src/components/table/_controlled_table.scss b/packages/osd-ui-framework/src/components/table/_controlled_table.scss index 81d80881e13d..66e33406222d 100644 --- a/packages/osd-ui-framework/src/components/table/_controlled_table.scss +++ b/packages/osd-ui-framework/src/components/table/_controlled_table.scss @@ -4,6 +4,7 @@ */ .kuiControlledTable { background: $tableBackgroundColor; + .kuiTable { border-top: none; /* 1 */ } diff --git a/packages/osd-ui-framework/src/components/table/_table.scss b/packages/osd-ui-framework/src/components/table/_table.scss index 3582ac12acec..87a1aa0fa7ba 100644 --- a/packages/osd-ui-framework/src/components/table/_table.scss +++ b/packages/osd-ui-framework/src/components/table/_table.scss @@ -19,6 +19,21 @@ background-color: $tableBackgroundColor; } +.kuiTableHeaderCell { + @include tableCell; + + line-height: $kuiLineHeight; + color: $tableHeaderTextColor; +} + +.kuiTableRowCell { + @include tableCell; + + color: $kuiFontColor; + border-top: $kuiBorderThin; + vertical-align: middle; +} + /** * 1. Allow contents of cells to determine table's width. */ @@ -31,17 +46,22 @@ } } -.kuiTableHeaderCell { - @include tableCell; - line-height: $kuiLineHeight; - color: $tableHeaderTextColor; -} - .kuiTableHeaderCell__liner { display: inline-block; padding: $tableCellPadding; } +.kuiTableSortIcon { + display: none; + pointer-events: none; + margin-left: 4px; + + .kuiTableHeaderCellButton-isSorted & { + display: block; + opacity: 0.4; + } +} + /** * 1. Prevent rapid clicking from selecting text. * 2. Remove native button element styles. @@ -77,15 +97,8 @@ text-align: right; } -.kuiTableSortIcon { +.kuiTableRowHoverReveal { display: none; - pointer-events: none; - margin-left: 4px; - - .kuiTableHeaderCellButton-isSorted & { - display: block; - opacity: 0.4; - } } .kuiTableRow { @@ -96,34 +109,23 @@ } } -.kuiTableRowHoverReveal { - display: none; -} - -.kuiTableRowCell { - @include tableCell; - color: $kuiFontColor; - border-top: $kuiBorderThin; - vertical-align: middle; -} - - /** +/** * 1. Vertically align all children. * 2. The padding on this div allows the ellipsis to show if the content is truncated. If * the padding was on the cell, the ellipsis would be cropped. * 3. Truncate content with an ellipsis. */ - .kuiTableRowCell__liner { - padding: $tableCellPadding; /* 2 */ - line-height: $kuiLineHeight; /* 1 */ - overflow: hidden; /* 3 */ - text-overflow: ellipsis; /* 3 */ - white-space: nowrap; /* 3 */ - - & > * { - vertical-align: middle; /* 1 */ - } +.kuiTableRowCell__liner { + padding: $tableCellPadding; /* 2 */ + line-height: $kuiLineHeight; /* 1 */ + overflow: hidden; /* 3 */ + text-overflow: ellipsis; /* 3 */ + white-space: nowrap; /* 3 */ + + & > * { + vertical-align: middle; /* 1 */ } +} .kuiTableRowCell--wrap { .kuiTableRowCell__liner { diff --git a/packages/osd-ui-framework/src/components/tabs/_tabs.scss b/packages/osd-ui-framework/src/components/tabs/_tabs.scss index e00ca1701156..9c8dca31f967 100644 --- a/packages/osd-ui-framework/src/components/tabs/_tabs.scss +++ b/packages/osd-ui-framework/src/components/tabs/_tabs.scss @@ -3,7 +3,6 @@ border-bottom: $kuiBorderThin; } - /** * 1. Override button styles (some of which are from Bootstrap). * 2. Adding a border shifts tabs right by 1px, so we need to shift them back. @@ -21,15 +20,6 @@ border: 1px solid $kuiBorderColor; border-radius: 0; /* 1 */ margin-bottom: -1px; /* 3 */ - - & + & { - border-left: none; - - &:focus:not(.kuiTab-isSelected):not(:active) { - margin-left: -1px; /* 2 */ - } - } - &:active { outline: none !important; /* 1 */ box-shadow: none; /* 1 */ @@ -39,15 +29,24 @@ outline: none; /* 1 */ } + &:hover:not(.kuiTab-isSelected) { + color: $kuiLinkHoverColor; + background-color: $tabHoverBackgroundColor; + } + &:focus:not(.kuiTab-isSelected):not(:active) { z-index: 1; color: $kuiLinkColor; border: 1px solid $kuiSelectedBorderColor !important; } - &:hover:not(.kuiTab-isSelected) { - color: $kuiLinkHoverColor; - background-color: $tabHoverBackgroundColor; + /* stylelint-disable-next-line no-descending-specificity */ + & + & { + border-left: none; + + &:focus:not(.kuiTab-isSelected):not(:active) { + margin-left: -1px; /* 2 */ + } } &.kuiTab-isSelected { diff --git a/packages/osd-ui-framework/src/components/tool_bar/_tool_bar_search.scss b/packages/osd-ui-framework/src/components/tool_bar/_tool_bar_search.scss index 9089dde1c471..a08fd6110a13 100644 --- a/packages/osd-ui-framework/src/components/tool_bar/_tool_bar_search.scss +++ b/packages/osd-ui-framework/src/components/tool_bar/_tool_bar_search.scss @@ -33,31 +33,31 @@ max-width: 800px; } - .kuiToolBarSearchBox__icon { - position: absolute; - top: 0.5em; - left: 0.7em; - font-size: 1em; - color: #ACACAC; - } +.kuiToolBarSearchBox__icon { + position: absolute; + top: 0.5em; + left: 0.7em; + font-size: 1em; + color: #acacac; +} - /** +/** * 1. Fix inherited styles (possibly from Bootstrap). */ - .kuiToolBarSearchBox__input { - width: 100%; - min-width: 200px; - padding: 4px 12px 5px 28px; - font-family: $kuiFontFamily; /* 1 */ - background-color: $euiColorEmptyShade; - color: $kuiFontColor; - border-radius: $kuiBorderRadius; - font-size: 1em; - border: 1px solid $kuiColorLightGray; - line-height: normal; /* 1 */ - transition: border-color $kuiInputTransitionTiming; - - &:focus { - @include formControlFocus; - } +.kuiToolBarSearchBox__input { + width: 100%; + min-width: 200px; + padding: 4px 12px 5px 28px; + font-family: $kuiFontFamily; /* 1 */ + background-color: $euiColorEmptyShade; + color: $kuiFontColor; + border-radius: $kuiBorderRadius; + font-size: 1em; + border: 1px solid $kuiColorLightGray; + line-height: normal; /* 1 */ + transition: border-color $kuiInputTransitionTiming; + + &:focus { + @include formControlFocus; } +} diff --git a/packages/osd-ui-framework/src/components/typography/_index.scss b/packages/osd-ui-framework/src/components/typography/_index.scss index 0852da026bfb..fb69d7c88efc 100644 --- a/packages/osd-ui-framework/src/components/typography/_index.scss +++ b/packages/osd-ui-framework/src/components/typography/_index.scss @@ -1,2 +1,3 @@ $typographyTitleFontSize: $euiSizeL; + @import "typography"; diff --git a/packages/osd-ui-framework/src/components/view/_index.scss b/packages/osd-ui-framework/src/components/view/_index.scss index 00b7f897c90c..abbdcc8b2d79 100644 --- a/packages/osd-ui-framework/src/components/view/_index.scss +++ b/packages/osd-ui-framework/src/components/view/_index.scss @@ -1,4 +1,4 @@ -$viewBackground: #FFF; +$viewBackground: #fff; $viewContentMaxWidth: 1100px; @import "view"; diff --git a/packages/osd-ui-framework/src/global_styling/mixins/_global_mixins.scss b/packages/osd-ui-framework/src/global_styling/mixins/_global_mixins.scss index e7828a5cb7f7..db8f7ab333e2 100644 --- a/packages/osd-ui-framework/src/global_styling/mixins/_global_mixins.scss +++ b/packages/osd-ui-framework/src/global_styling/mixins/_global_mixins.scss @@ -95,8 +95,9 @@ } @mixin kuiButtonHoverAndActive { - @include kuiButtonHover { @content } - @include kuiButtonActive { @content } + @include kuiButtonHover { @content; } + + @include kuiButtonActive { @content; } } @mixin focus($color: $kuiFocusColor, $backgroundColor: $kuiFocusBackgroundColor) { @@ -128,6 +129,7 @@ */ @mixin formControl($borderRadius: $kuiBorderRadius) { @include formControlBase; + background-color: $euiFormBackgroundColor; border: 1px solid $euiFormBorderColor; border-radius: $borderRadius; @@ -157,12 +159,14 @@ } /** - * 1. Embedded SVG of fa-caret-down (https://github.com/encharm/Font-Awesome-SVG-PNG/blob/master/black/svg/caret-down.svg). + * 1. Embedded SVG of fa-caret-down + * (https://github.com/encharm/Font-Awesome-SVG-PNG/blob/master/black/svg/caret-down.svg). * 2. Make room on right side for the caret. * 3. Prevent Firefox from showing dotted line around text on focus. */ @mixin select($borderRadius: $kuiBorderRadius) { @include formControl($borderRadius); + padding-right: 30px; /* 2 */ background-image: url('data:image/svg+xml;utf8,'); /* 1 */ background-size: 14px; @@ -220,10 +224,6 @@ margin-left: $toolBarSectionSpacing * 0.5; margin-right: $toolBarSectionSpacing * 0.5; - &:not(:first-child):not(:last-child):not(:only-child) { - justify-content: center; /* 3 */ - } - &:first-child { margin-left: 0; } @@ -238,6 +238,10 @@ margin-left: auto; /* 2 */ } + &:not(:first-child):not(:last-child):not(:only-child) { + justify-content: center; /* 3 */ + } + & > * + * { margin-left: $toolBarItemSpacing; /* 1 */ } @@ -266,4 +270,3 @@ } } } - diff --git a/packages/osd-ui-framework/src/global_styling/mixins/_index.scss b/packages/osd-ui-framework/src/global_styling/mixins/_index.scss index d8f9abd98e08..fa4046952b85 100644 --- a/packages/osd-ui-framework/src/global_styling/mixins/_index.scss +++ b/packages/osd-ui-framework/src/global_styling/mixins/_index.scss @@ -1,3 +1,3 @@ -@import 'responsive'; -@import 'shadow'; -@import 'global_mixins'; +@import "responsive"; +@import "shadow"; +@import "global_mixins"; diff --git a/packages/osd-ui-framework/src/global_styling/mixins/_responsive.scss b/packages/osd-ui-framework/src/global_styling/mixins/_responsive.scss index 8b951c8142dc..43ab9bf29a61 100644 --- a/packages/osd-ui-framework/src/global_styling/mixins/_responsive.scss +++ b/packages/osd-ui-framework/src/global_styling/mixins/_responsive.scss @@ -4,6 +4,6 @@ $breakpoints: ("small": 768px) !default; @mixin screenXSmall { @media only screen and (max-width: map-get($breakpoints, "small")) { - @content; + @content; } } diff --git a/packages/osd-ui-framework/src/global_styling/mixins/_shadow.scss b/packages/osd-ui-framework/src/global_styling/mixins/_shadow.scss index f0b39f59e285..72c5f58c9907 100644 --- a/packages/osd-ui-framework/src/global_styling/mixins/_shadow.scss +++ b/packages/osd-ui-framework/src/global_styling/mixins/_shadow.scss @@ -1,26 +1,23 @@ @mixin kuiBottomShadow { - box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 0.1); + box-shadow: 0 16px 16px -8px rgba(0, 0, 0, 10%); } @mixin kuiBottomShadowSmall { - box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.1); + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 10%); } @mixin kuiBottomShadowMedium { - box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 20%); } @mixin kuiSlightShadow { - box-shadow: - 0 2px 2px -1px rgba(0, 0, 0, 0.15), + box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 15%),; } @mixin kuiSlightShadowHover { - box-shadow: - 0 4px 4px -2px rgba(0, 0, 0, 0.1), + box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 10%),; } @mixin kuiSlightShadowActive { - box-shadow: - 0 1px 1px 0px rgba(0, 0, 0, 0.2), + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 20%),; } diff --git a/packages/osd-ui-framework/src/global_styling/variables/_colors.scss b/packages/osd-ui-framework/src/global_styling/variables/_colors.scss index 507adaf6e9b1..14a519ec519e 100644 --- a/packages/osd-ui-framework/src/global_styling/variables/_colors.scss +++ b/packages/osd-ui-framework/src/global_styling/variables/_colors.scss @@ -17,6 +17,7 @@ $kuiColorLightestShade: $euiColorLightestShade; $kuiTextColor: $euiTextColor; $kuiLinkColor: $euiColorPrimary; +/* stylelint-disable-next-line scss/no-global-function-names */ $kuiLinkColor-isHover: darken($kuiLinkColor, 10%); $kuiInputTextColor: $kuiTextColor; $kuiInputBackgroundColor: $euiFormBackgroundColor; @@ -36,7 +37,9 @@ $kuiFocusWarningColor: $euiColorWarning; $kuiFocusBackgroundColor: $euiColorEmptyShade; $kuiFontColor: $euiTextColor; $kuiSubduedTextColor: $euiColorDarkShade; +/* stylelint-disable-next-line scss/no-global-function-names */ $kuiLinkHoverColor: darken($euiColorPrimary, 10%); $kuiSelectedBorderColor: $euiColorPrimary; $kuiDangerBorderColor: $euiColorDanger; -$kuiFormControlBorderColor: transparentize($euiColorFullShade, .9); +/* stylelint-disable-next-line scss/no-global-function-names */ +$kuiFormControlBorderColor: transparentize($euiColorFullShade, 0.9); diff --git a/packages/osd-ui-framework/src/global_styling/variables/_index.scss b/packages/osd-ui-framework/src/global_styling/variables/_index.scss index c1b38d47446f..233eeb905571 100644 --- a/packages/osd-ui-framework/src/global_styling/variables/_index.scss +++ b/packages/osd-ui-framework/src/global_styling/variables/_index.scss @@ -6,12 +6,12 @@ // coming from when looking inside the individual component files. Any component local // variables should be declared at the top of those documents prefixed with $componentName. -@import 'size'; -@import 'colors'; -@import 'font'; -@import 'timing'; -@import 'borders'; -@import 'z_index'; -@import 'animations'; -@import 'form'; -@import 'tool_bar'; +@import "size"; +@import "colors"; +@import "font"; +@import "timing"; +@import "borders"; +@import "z_index"; +@import "animations"; +@import "form"; +@import "tool_bar"; diff --git a/packages/osd-ui-framework/src/global_styling/variables/_size.scss b/packages/osd-ui-framework/src/global_styling/variables/_size.scss index 0fc6ae043314..ecf707090dd3 100644 --- a/packages/osd-ui-framework/src/global_styling/variables/_size.scss +++ b/packages/osd-ui-framework/src/global_styling/variables/_size.scss @@ -1,8 +1,7 @@ -$kuiSize: $euiSize; - -$kuiSizeXS: $kuiSize * .25; -$kuiSizeS: $kuiSize * .5; -$kuiSizeM: $kuiSize * .75; -$kuiSizeL: $kuiSize * 1.5; -$kuiSizeXL: $kuiSize * 2; -$kuiSizeXXL: $kuiSize * 2.5; +$kuiSize: $euiSize; +$kuiSizeXS: $kuiSize * 0.25; +$kuiSizeS: $kuiSize * 0.5; +$kuiSizeM: $kuiSize * 0.75; +$kuiSizeL: $kuiSize * 1.5; +$kuiSizeXL: $kuiSize * 2; +$kuiSizeXXL: $kuiSize * 2.5; diff --git a/packages/osd-ui-framework/src/global_styling/variables/_z_index.scss b/packages/osd-ui-framework/src/global_styling/variables/_z_index.scss index c1c0cfb88fae..719399ce5b99 100644 --- a/packages/osd-ui-framework/src/global_styling/variables/_z_index.scss +++ b/packages/osd-ui-framework/src/global_styling/variables/_z_index.scss @@ -1,19 +1,18 @@ // Z-Index -$kuiZLevel0: 0; -$kuiZLevel1: 1000; -$kuiZLevel2: 2000; -$kuiZLevel3: 3000; -$kuiZLevel4: 4000; -$kuiZLevel5: 5000; -$kuiZLevel6: 6000; -$kuiZLevel7: 7000; -$kuiZLevel8: 8000; -$kuiZLevel9: 9000; - -$kuiZContent: $kuiZLevel0; -$kuiZContentMenu: $kuiZLevel2; -$kuiZNavigation: $kuiZLevel4; -$kuiZToastList: $kuiZLevel5; -$kuiZMask: $kuiZLevel6; -$kuiZModal: $kuiZLevel8; +$kuiZLevel0: 0; +$kuiZLevel1: 1000; +$kuiZLevel2: 2000; +$kuiZLevel3: 3000; +$kuiZLevel4: 4000; +$kuiZLevel5: 5000; +$kuiZLevel6: 6000; +$kuiZLevel7: 7000; +$kuiZLevel8: 8000; +$kuiZLevel9: 9000; +$kuiZContent: $kuiZLevel0; +$kuiZContentMenu: $kuiZLevel2; +$kuiZNavigation: $kuiZLevel4; +$kuiZToastList: $kuiZLevel5; +$kuiZMask: $kuiZLevel6; +$kuiZModal: $kuiZLevel8; diff --git a/packages/osd-ui-framework/src/kui_dark.scss b/packages/osd-ui-framework/src/kui_dark.scss index aa9ba0f1bee7..87e1c29686e8 100644 --- a/packages/osd-ui-framework/src/kui_dark.scss +++ b/packages/osd-ui-framework/src/kui_dark.scss @@ -1,15 +1,15 @@ // EUI global scope is used for KUI variables till fully deprecated -@import '../../../node_modules/@elastic/eui/src/themes/eui/eui_colors_dark'; -@import '../../../node_modules/@elastic/eui/src/global_styling/functions/index'; -@import '../../../node_modules/@elastic/eui/src/global_styling/variables/index'; -@import '../../../node_modules/@elastic/eui/src/global_styling/mixins/index'; +@import "../../../node_modules/@elastic/eui/src/themes/eui/eui_colors_dark"; +@import "../../../node_modules/@elastic/eui/src/global_styling/functions/index"; +@import "../../../node_modules/@elastic/eui/src/global_styling/variables/index"; +@import "../../../node_modules/@elastic/eui/src/global_styling/mixins/index"; // Configuration -@import 'global_styling/variables/index'; +@import "global_styling/variables/index"; // Core -@import 'global_styling/mixins/index'; -@import 'global_styling/reset/index'; +@import "global_styling/mixins/index"; +@import "global_styling/reset/index"; // Components -@import 'components/index'; +@import "components/index"; diff --git a/packages/osd-ui-framework/src/kui_light.scss b/packages/osd-ui-framework/src/kui_light.scss index b912b6e21788..e5cad23a3177 100644 --- a/packages/osd-ui-framework/src/kui_light.scss +++ b/packages/osd-ui-framework/src/kui_light.scss @@ -1,15 +1,15 @@ // EUI global scope is used for KUI variables till fully deprecated -@import '../../../node_modules/@elastic/eui/src/themes/eui/eui_colors_light'; -@import '../../../node_modules/@elastic/eui/src/global_styling/functions/index'; -@import '../../../node_modules/@elastic/eui/src/global_styling/variables/index'; -@import '../../../node_modules/@elastic/eui/src/global_styling/mixins/index'; +@import "../../../node_modules/@elastic/eui/src/themes/eui/eui_colors_light"; +@import "../../../node_modules/@elastic/eui/src/global_styling/functions/index"; +@import "../../../node_modules/@elastic/eui/src/global_styling/variables/index"; +@import "../../../node_modules/@elastic/eui/src/global_styling/mixins/index"; // Configuration -@import 'global_styling/variables/index'; +@import "global_styling/variables/index"; // Core -@import 'global_styling/mixins/index'; -@import 'global_styling/reset/index'; +@import "global_styling/mixins/index"; +@import "global_styling/reset/index"; // Components -@import 'components/index'; +@import "components/index"; diff --git a/scripts/sasslint.js b/scripts/stylelint.js similarity index 96% rename from scripts/sasslint.js rename to scripts/stylelint.js index d2e249c487e7..680335176657 100644 --- a/scripts/sasslint.js +++ b/scripts/stylelint.js @@ -31,4 +31,4 @@ */ require('../src/setup_node_env'); -require('../src/dev/run_sasslint'); +require('../src/dev/run_stylelint'); diff --git a/src/core/public/_variables.scss b/src/core/public/_variables.scss index daf8a66827b9..bb8baa3462f1 100644 --- a/src/core/public/_variables.scss +++ b/src/core/public/_variables.scss @@ -1,3 +1,3 @@ -@import '@elastic/eui/src/global_styling/variables/header'; +@import "@elastic/eui/src/global_styling/variables/header"; $osdHeaderOffset: $euiHeaderHeightCompensation * 2; diff --git a/src/core/public/chrome/_index.scss b/src/core/public/chrome/_index.scss index a51fde079f10..68eaf661afed 100644 --- a/src/core/public/chrome/_index.scss +++ b/src/core/public/chrome/_index.scss @@ -1 +1 @@ -@import './ui/index'; +@import "./ui/index"; diff --git a/src/core/public/chrome/ui/_index.scss b/src/core/public/chrome/ui/_index.scss index ae15be89f2e9..0b3e83f30bf2 100644 --- a/src/core/public/chrome/ui/_index.scss +++ b/src/core/public/chrome/ui/_index.scss @@ -1,2 +1,2 @@ -@import './header/index'; -@import './loading_indicator'; +@import "./header/index"; +@import "./loading_indicator"; diff --git a/src/core/public/chrome/ui/header/collapsible_nav.scss b/src/core/public/chrome/ui/header/collapsible_nav.scss index e17797f5eccf..87c3e911eb2c 100644 --- a/src/core/public/chrome/ui/header/collapsible_nav.scss +++ b/src/core/public/chrome/ui/header/collapsible_nav.scss @@ -1,5 +1,6 @@ .osdCollapsibleNav__recentsListGroup { @include euiYScroll; + max-height: $euiSize * 10; margin-right: -$euiSizeS; } diff --git a/src/core/public/chrome/ui/header/header_logo.scss b/src/core/public/chrome/ui/header/header_logo.scss index 1aa9be7e9acf..7835863e60c0 100644 --- a/src/core/public/chrome/ui/header/header_logo.scss +++ b/src/core/public/chrome/ui/header/header_logo.scss @@ -1,9 +1,9 @@ .logoContainer { - height: 30px; - padding: 3px 3px 3px 10px; + height: 30px; + padding: 3px 3px 3px 10px; } .logoImage { - height: 100%; - max-width: 100%; -} \ No newline at end of file + height: 100%; + max-width: 100%; +} diff --git a/src/core/public/core_app/styles/_globals_v7dark.scss b/src/core/public/core_app/styles/_globals_v7dark.scss index 9a4a965d63a3..ab0056560247 100644 --- a/src/core/public/core_app/styles/_globals_v7dark.scss +++ b/src/core/public/core_app/styles/_globals_v7dark.scss @@ -1,8 +1,7 @@ // v7dark global scope -// +// --- // prepended to all .scss imports (from JS, when v7dark theme selected) -@import '@elastic/eui/src/themes/eui/eui_colors_dark'; -@import '@elastic/eui/src/themes/eui/eui_globals'; - -@import './mixins'; +@import "@elastic/eui/src/themes/eui/eui_colors_dark"; +@import "@elastic/eui/src/themes/eui/eui_globals"; +@import "./mixins"; diff --git a/src/core/public/core_app/styles/_globals_v7light.scss b/src/core/public/core_app/styles/_globals_v7light.scss index ddb4b5b31fa1..a10cf05db757 100644 --- a/src/core/public/core_app/styles/_globals_v7light.scss +++ b/src/core/public/core_app/styles/_globals_v7light.scss @@ -1,8 +1,7 @@ // v7light global scope -// +// --- // prepended to all .scss imports (from JS, when v7light theme selected) -@import '@elastic/eui/src/themes/eui/eui_colors_light'; -@import '@elastic/eui/src/themes/eui/eui_globals'; - -@import './mixins'; +@import "@elastic/eui/src/themes/eui/eui_colors_light"; +@import "@elastic/eui/src/themes/eui/eui_globals"; +@import "./mixins"; diff --git a/src/core/public/core_app/styles/_globals_v8dark.scss b/src/core/public/core_app/styles/_globals_v8dark.scss index 9ad9108f350f..2b92b49bcbfa 100644 --- a/src/core/public/core_app/styles/_globals_v8dark.scss +++ b/src/core/public/core_app/styles/_globals_v8dark.scss @@ -1,8 +1,7 @@ // v8dark global scope -// +// --- // prepended to all .scss imports (from JS, when v8dark theme selected) -@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_colors_dark'; -@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_globals'; - -@import './mixins'; +@import "@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_colors_dark"; +@import "@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_globals"; +@import "./mixins"; diff --git a/src/core/public/core_app/styles/_globals_v8light.scss b/src/core/public/core_app/styles/_globals_v8light.scss index a6b2cb84c206..914dbb3e3831 100644 --- a/src/core/public/core_app/styles/_globals_v8light.scss +++ b/src/core/public/core_app/styles/_globals_v8light.scss @@ -1,8 +1,7 @@ // v8light global scope -// +// --- // prepended to all .scss imports (from JS, when v8light theme selected) -@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_colors_light'; -@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_globals'; - -@import './mixins'; +@import "@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_colors_light"; +@import "@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_globals"; +@import "./mixins"; diff --git a/src/core/public/core_app/styles/_mixins.scss b/src/core/public/core_app/styles/_mixins.scss index 6982f1f9b015..52a61ebefe84 100644 --- a/src/core/public/core_app/styles/_mixins.scss +++ b/src/core/public/core_app/styles/_mixins.scss @@ -11,7 +11,9 @@ // EUITODO: Add this @mixin opensearchDashboardsCircleLogo() { display: inline-block; + @include size($euiSizeXXL * 2); + line-height: $euiSizeXXL * 2; text-align: center; background-color: $euiColorEmptyShade; @@ -34,9 +36,9 @@ margin: 0; user-select: none; - @if ($direction == horizontal) { + @if $direction == horizontal { width: $size; - } @else if ($direction == vertical) { + } @else if $direction == vertical { height: $size; width: 100%; } @else { @@ -44,6 +46,7 @@ } &:hover { + /* stylelint-disable-next-line function-name-case */ background-color: tintOrShade($euiColorPrimary, 80%, 60%); } @@ -61,9 +64,9 @@ width: 100%; height: 100%; - @if ($direction == horizontal) { + @if $direction == horizontal { cursor: ew-resize; - } @else if ($direction == vertical) { + } @else if $direction == vertical { cursor: ns-resize; } } @@ -89,6 +92,7 @@ z-index: 1; width: 310px; height: 477px; + /* stylelint-disable-next-line function-url-quotes */ content: url(lightOrDarkTheme('~core_app_image_assets/bg_top_branded.svg', '~core_app_image_assets/bg_top_branded_dark.svg')); } @@ -99,6 +103,7 @@ z-index: 1; width: 313px; height: 461px; + /* stylelint-disable-next-line function-url-quotes */ content: url(lightOrDarkTheme('~core_app_image_assets/bg_bottom_branded.svg', '~core_app_image_assets/bg_bottom_branded_dark.svg')); } diff --git a/src/core/public/index.scss b/src/core/public/index.scss index 6ba9254e5d38..924b5985dff4 100644 --- a/src/core/public/index.scss +++ b/src/core/public/index.scss @@ -1,6 +1,6 @@ -@import './variables'; -@import './core'; -@import './chrome/index'; -@import './overlays/index'; -@import './rendering/index'; -@import './styles/index'; +@import "./variables"; +@import "./core"; +@import "./chrome/index"; +@import "./overlays/index"; +@import "./rendering/index"; +@import "./styles/index"; diff --git a/src/core/public/overlays/_index.scss b/src/core/public/overlays/_index.scss index 368dc9b644ff..36189cd231f4 100644 --- a/src/core/public/overlays/_index.scss +++ b/src/core/public/overlays/_index.scss @@ -1,2 +1,2 @@ -@import './banners/index'; -@import './mount_wrapper'; +@import "./banners/index"; +@import "./mount_wrapper"; diff --git a/src/core/public/overlays/banners/_index.scss b/src/core/public/overlays/banners/_index.scss index c0c8056ff5d7..62358fb623c7 100644 --- a/src/core/public/overlays/banners/_index.scss +++ b/src/core/public/overlays/banners/_index.scss @@ -1 +1 @@ -@import './banners_list'; +@import "./banners_list"; diff --git a/src/core/public/rendering/_base.scss b/src/core/public/rendering/_base.scss index e8e0281a6f20..e070341366a5 100644 --- a/src/core/public/rendering/_base.scss +++ b/src/core/public/rendering/_base.scss @@ -24,9 +24,7 @@ .app-wrapper-panel { display: flex; - flex-grow: 1; - flex-shrink: 0; - flex-basis: auto; + flex-grow: 1 0 auto; flex-direction: column; > * { diff --git a/src/core/public/rendering/_index.scss b/src/core/public/rendering/_index.scss index c8567498b42e..079e71b08ef7 100644 --- a/src/core/public/rendering/_index.scss +++ b/src/core/public/rendering/_index.scss @@ -1 +1 @@ -@import './base'; +@import "./base"; diff --git a/src/core/public/styles/_ace_overrides.scss b/src/core/public/styles/_ace_overrides.scss index 30acdbbc8097..3ebef3feffc5 100644 --- a/src/core/public/styles/_ace_overrides.scss +++ b/src/core/public/styles/_ace_overrides.scss @@ -1,6 +1,7 @@ // SASSTODO: Replace with an EUI editor // Intentionally not using the EuiCodeBlock colors here because they actually change // hue from light to dark theme. So some colors would change while others wouldn't. +/* stylelint-disable-next-line function-name-case */ // Seemed weird, so just hexing all the colors but using the `makeHighContrastColor()` // function to ensure accessible contrast. @@ -8,6 +9,7 @@ // it is being scoped by a known outer selector .application { .ace-tm { + /* stylelint-disable-next-line function-name-case */ $aceBackground: tintOrShade($euiColorLightShade, 50%, 0); background-color: $euiColorLightestShade; @@ -19,7 +21,8 @@ .ace_gutter-active-line, .ace_marker-layer .ace_active-line { - background-color: transparentize($euiColorLightShade, .3); + /* stylelint-disable-next-line scss/no-global-function-names */ + background-color: transparentize($euiColorLightShade, 0.3); } .ace_snippet-marker { @@ -29,7 +32,14 @@ } .ace_indent-guide { - background: linear-gradient(to left, $euiColorMediumShade 0%, $euiColorMediumShade 1px, transparent 1px, transparent 100%); + background: + linear-gradient( + to left, + $euiColorMediumShade 0%, + $euiColorMediumShade 1px, + transparent 1px, + transparent 100% + ); } .ace_search { @@ -45,16 +55,19 @@ } .ace_method { - color: makeHighContrastColor(#DD0A73, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#dd0a73, $aceBackground); } .ace_url, .ace_start_triple_quote, .ace_end_triple_quote { - color: makeHighContrastColor(#00A69B, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#00a69b, $aceBackground); } .ace_multi_string { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(#009926, $aceBackground); font-style: italic; } @@ -71,7 +84,7 @@ } .ace_fold { - background-color: #6B72E6; + background-color: #6b72e6; } .ace_cursor { @@ -84,96 +97,120 @@ .ace_storage, .ace_keyword { - color: makeHighContrastColor(#0079A5, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#0079a5, $aceBackground); } .ace_constant { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(#900, $aceBackground); } .ace_constant.ace_buildin { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(88, 72, 246), $aceBackground); } .ace_constant.ace_language { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(88, 92, 246), $aceBackground); } .ace_constant.ace_library { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(#009926, $aceBackground); } .ace_invalid { - background-color: euiCallOutColor('danger', 'background'); - color: euiCallOutColor('danger', 'foreground'); + /* stylelint-disable-next-line function-name-case */ + background-color: euiCallOutColor("danger", "background"); + /* stylelint-disable-next-line function-name-case */ + color: euiCallOutColor("danger", "foreground"); } .ace_support.ace_function { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(60, 76, 114), $aceBackground); } .ace_support.ace_constant { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(#009926, $aceBackground); } .ace_support.ace_type, .ace_support.ace_class { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(109, 121, 222), $aceBackground); } .ace_keyword.ace_operator { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorDarkShade, $aceBackground); } .ace_string { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(#009926, $aceBackground); } .ace_comment { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(76, 136, 107), $aceBackground); } .ace_comment.ace_doc { - color: makeHighContrastColor(#0079A5, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#0079a5, $aceBackground); } .ace_comment.ace_doc.ace_tag { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorMediumShade, $aceBackground); } .ace_constant.ace_numeric { - color: makeHighContrastColor(#0079A5, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#0079a5, $aceBackground); } .ace_variable { - color: makeHighContrastColor(#0079A5, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#0079a5, $aceBackground); } .ace_xml-pe { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorDarkShade, $aceBackground); } .ace_entity.ace_name.ace_function { - color: makeHighContrastColor(#0000A2, $aceBackground); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor(#0000a2, $aceBackground); } .ace_heading { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(12, 7, 255), $aceBackground); } .ace_list { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(185, 6, 144), $aceBackground); } .ace_meta.ace_tag { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(0, 22, 142), $aceBackground); } .ace_string.ace_regex { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor(rgb(255, 0, 0), $aceBackground); } .ace_marker-layer .ace_selection { + /* stylelint-disable-next-line function-name-case */ background: tintOrShade($euiColorPrimary, 70%, 70%); } @@ -182,10 +219,12 @@ } .ace_marker-layer .ace_step { + /* stylelint-disable-next-line function-name-case */ background: tintOrShade($euiColorWarning, 80%, 80%); } .ace_marker-layer .ace_stack { + /* stylelint-disable-next-line function-name-case */ background: tintOrShade($euiColorSuccess, 80%, 80%); } diff --git a/src/core/public/styles/_base.scss b/src/core/public/styles/_base.scss index 37e3447fda8c..b4bff7c12d5c 100644 --- a/src/core/public/styles/_base.scss +++ b/src/core/public/styles/_base.scss @@ -1,9 +1,9 @@ // Charts themes available app-wide -@import '@elastic/charts/dist/theme'; -@import '@elastic/eui/src/themes/charts/theme'; +@import "@elastic/charts/dist/theme"; +@import "@elastic/eui/src/themes/charts/theme"; // Grab some nav-specific EUI vars -@import '@elastic/eui/src/components/collapsible_nav/variables'; +@import "@elastic/eui/src/components/collapsible_nav/variables"; // Application Layout @@ -18,9 +18,7 @@ position: relative; z-index: 0; display: flex; - flex-grow: 1; - flex-shrink: 0; - flex-basis: auto; + flex-grow: 1 0 auto; flex-direction: column; > * { @@ -34,7 +32,7 @@ // state. This is useful when you've already hand crafted your own // focus states in OpenSearch Dashboards. :focus { - &:not([class^='eui']):not(.osd-resetFocusState) { + &:not([class^="eui"]):not(.osd-resetFocusState) { @include euiFocusRing; } } @@ -43,7 +41,7 @@ // entrenched inputs. .euiComboBox { // :not() specificity needed to override the above - input:not([class^='eui']):focus { + input:not([class^="eui"]):focus { animation: none !important; } } diff --git a/src/core/public/styles/_index.scss b/src/core/public/styles/_index.scss index 600414402c27..8a09f3a2ba01 100644 --- a/src/core/public/styles/_index.scss +++ b/src/core/public/styles/_index.scss @@ -1,2 +1,2 @@ -@import './base'; -@import './ace_overrides'; +@import "./base"; +@import "./ace_overrides"; diff --git a/src/dev/run_precommit_hook.js b/src/dev/run_precommit_hook.js index 4205b1059ade..e374c4a0cdf8 100644 --- a/src/dev/run_precommit_hook.js +++ b/src/dev/run_precommit_hook.js @@ -32,7 +32,7 @@ import { run, combineErrors } from '@osd/dev-utils'; import * as Eslint from './eslint'; -import * as Sasslint from './sasslint'; +import * as Stylelint from './stylelint'; import { getFilesForCommit, checkFileCasing } from './precommit_hook'; run( @@ -46,7 +46,7 @@ run( errors.push(error); } - for (const Linter of [Eslint, Sasslint]) { + for (const Linter of [Eslint, Stylelint]) { const filesToLint = Linter.pickFilesToLint(log, files); if (filesToLint.length > 0) { try { diff --git a/src/dev/run_sasslint.js b/src/dev/run_stylelint.js similarity index 70% rename from src/dev/run_sasslint.js rename to src/dev/run_stylelint.js index 484c74696858..b3c0ae1faf10 100644 --- a/src/dev/run_sasslint.js +++ b/src/dev/run_stylelint.js @@ -31,11 +31,19 @@ */ import { resolve } from 'path'; +import { buildCLI } from 'stylelint/lib/cli'; -process.argv.push('--no-exit'); // don't exit after encountering a rule error -process.argv.push('--verbose'); // print results +const options = buildCLI(process.argv.slice(2)); + +const stylelintConfigPath = resolve(__dirname, '..', '..', '.stylelintrc.yml'); +const stylelintIgnorePath = resolve(__dirname, '..', '..', '.stylelintignore'); + +if (!options.input.length) { + process.argv.push('**/*.s+(a|c)ss'); +} process.argv.push('--max-warnings', '0'); // return nonzero exit code on any warnings -process.argv.push('--config', resolve(__dirname, '..', '..', '.sass-lint.yml')); // configuration file +process.argv.push('--config', stylelintConfigPath); // configuration file +process.argv.push('--ignore-path', stylelintIgnorePath); // ignore file -// common-js is required so that logic before this executes before loading sass-lint -require('sass-lint/bin/sass-lint'); +// common-js is required so that logic before this executes before loading stylelint +require('stylelint/bin/stylelint'); diff --git a/src/dev/sasslint/index.js b/src/dev/stylelint/index.js similarity index 100% rename from src/dev/sasslint/index.js rename to src/dev/stylelint/index.js diff --git a/src/dev/sasslint/lint_files.js b/src/dev/stylelint/lint_files.js similarity index 64% rename from src/dev/sasslint/lint_files.js rename to src/dev/stylelint/lint_files.js index efce635fb6ec..b1264e86c14d 100644 --- a/src/dev/sasslint/lint_files.js +++ b/src/dev/stylelint/lint_files.js @@ -30,10 +30,16 @@ * GitHub history for details. */ -import sassLint from 'sass-lint'; +import stylelint from 'stylelint'; import path from 'path'; +import { safeLoad } from 'js-yaml'; +import fs from 'fs'; import { createFailError } from '@osd/dev-utils'; +// load the include globs from .stylelintrc.yml and convert them to regular expressions for filtering files +const stylelintPath = path.resolve(__dirname, '..', '..', '..', '.stylelintrc.yml'); +const styleLintConfig = safeLoad(fs.readFileSync(stylelintPath)); + /** * Lints a list of files with eslint. eslint reports are written to the log * and a FailError is thrown when linting errors occur. @@ -42,28 +48,21 @@ import { createFailError } from '@osd/dev-utils'; * @param {Array} files * @return {undefined} */ -export function lintFiles(log, files) { +export async function lintFiles(log, files) { const paths = files.map((file) => file.getRelativePath()); - const report = sassLint.lintFiles( - paths.join(', '), - {}, - path.resolve(__dirname, '..', '..', '..', '.sass-lint.yml') - ); - - const failTypes = Object.keys( - report.reduce((failTypes, reportEntry) => { - if (reportEntry.warningCount > 0) failTypes.warning = true; - if (reportEntry.errorCount > 0) failTypes.errors = true; - return failTypes; - }, {}) - ); + const options = { + files: paths, + config: styleLintConfig, + formatter: 'string', + ignorePath: path.resolve(__dirname, '..', '..', '..', '.stylelintignore'), + }; - if (!failTypes.length) { - log.success('[sasslint] %d files linted successfully', files.length); - return; + const report = await stylelint.lint(options); + if (report.errored) { + log.error(report.output); + throw createFailError('[stylelint] errors'); + } else { + log.success('[stylelint] %d files linted successfully', files.length); } - - log.error(sassLint.format(report)); - throw createFailError(`[sasslint] ${failTypes.join(' & ')}`); } diff --git a/src/dev/sasslint/pick_files_to_lint.js b/src/dev/stylelint/pick_files_to_lint.js similarity index 79% rename from src/dev/sasslint/pick_files_to_lint.js rename to src/dev/stylelint/pick_files_to_lint.js index 96de10a61638..e62af50e7cb1 100644 --- a/src/dev/sasslint/pick_files_to_lint.js +++ b/src/dev/stylelint/pick_files_to_lint.js @@ -30,17 +30,9 @@ * GitHub history for details. */ -import fs from 'fs'; -import { safeLoad } from 'js-yaml'; import { makeRe } from 'minimatch'; -import path from 'path'; -// load the include globs from .sass-lint.yml and convert them to regular expressions for filtering files -const sassLintPath = path.resolve(__dirname, '..', '..', '..', '.sass-lint.yml'); -const sassLintConfig = safeLoad(fs.readFileSync(sassLintPath)); -const { - files: { include: includeGlobs }, -} = sassLintConfig; +const includeGlobs = ['**/*.s+(a|c)ss']; const includeRegex = includeGlobs.map((glob) => makeRe(glob)); function matchesInclude(file) { diff --git a/src/plugins/advanced_settings/public/management_app/_advanced_settings.scss b/src/plugins/advanced_settings/public/management_app/_advanced_settings.scss index 42c054a96349..41eeee48f579 100644 --- a/src/plugins/advanced_settings/public/management_app/_advanced_settings.scss +++ b/src/plugins/advanced_settings/public/management_app/_advanced_settings.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ @@ -30,7 +30,7 @@ * GitHub history for details. */ - .mgtAdvancedSettings__field { +.mgtAdvancedSettings__field { + * { margin-top: $euiSize; } @@ -42,11 +42,12 @@ &--unsaved .mgtAdvancedSettings__fieldTitle { // Simulates a left side border without shifting content - box-shadow: -$euiSizeXS 0px $euiColorWarning; + box-shadow: -$euiSizeXS 0 $euiColorWarning; } + &--invalid .mgtAdvancedSettings__fieldTitle { // Simulates a left side border without shifting content - box-shadow: -$euiSizeXS 0px $euiColorDanger; + box-shadow: -$euiSizeXS 0 $euiColorDanger; } @include internetExplorerOnly { @@ -63,14 +64,14 @@ } .mgtAdvancedSettingsForm__unsavedCount { - @include euiBreakpoint('xs') { + @include euiBreakpoint("xs") { display: none; } } .mgtAdvancedSettingsForm__unsavedCountMessage { // Simulates a left side border without shifting content - box-shadow: -$euiSizeXS 0px $euiColorWarning; + box-shadow: -$euiSizeXS 0 $euiColorWarning; padding-left: $euiSizeS; } diff --git a/src/plugins/advanced_settings/public/management_app/index.scss b/src/plugins/advanced_settings/public/management_app/index.scss index 5f473c519dda..9a58ac3c06e2 100644 --- a/src/plugins/advanced_settings/public/management_app/index.scss +++ b/src/plugins/advanced_settings/public/management_app/index.scss @@ -1 +1 @@ -@import './advanced_settings'; +@import "./advanced_settings"; diff --git a/src/plugins/console/public/index.scss b/src/plugins/console/public/index.scss index 370ec54a8553..80810bc73979 100644 --- a/src/plugins/console/public/index.scss +++ b/src/plugins/console/public/index.scss @@ -1 +1 @@ -@import 'styles/index' +@import "styles/index" diff --git a/src/plugins/console/public/styles/_app.scss b/src/plugins/console/public/styles/_app.scss index de63a4c061bd..c149832ec1db 100644 --- a/src/plugins/console/public/styles/_app.scss +++ b/src/plugins/console/public/styles/_app.scss @@ -3,6 +3,7 @@ #consoleRoot { display: flex; flex: 1 1 auto; + // Make sure the editor actions don't create scrollbars on this container // SASSTODO: Uncomment when tooltips are EUI-ified (inside portals) overflow: hidden; @@ -49,9 +50,11 @@ position: absolute; z-index: $euiZLevel1; top: 0; + // Adjust for possible scrollbars right: $euiSize; line-height: 1; + // For IE11 min-width: 40px; } @@ -69,6 +72,7 @@ .conApp__resizer { @include osdResizer; + // Give the aria selection border priority when the divider is selected on IE11 and Chrome z-index: $euiZLevel1; } @@ -79,6 +83,7 @@ position: absolute; left: -1000px; visibility: hidden; + /* by pass any other element in ace and resize bar, but not modal popups */ z-index: $euiZLevel1 + 2; margin-top: 22px; diff --git a/src/plugins/console/public/styles/_index.scss b/src/plugins/console/public/styles/_index.scss index 22dc0e5833d2..e00f2c2b7605 100644 --- a/src/plugins/console/public/styles/_index.scss +++ b/src/plugins/console/public/styles/_index.scss @@ -5,5 +5,5 @@ // conChart__legend--small // conChart__legend-isLoading -@import 'app'; -@import 'components/index'; +@import "app"; +@import "components/index"; diff --git a/src/plugins/console/public/styles/components/_history.scss b/src/plugins/console/public/styles/components/_history.scss index 5ce5cb52351b..bd48849f6dc5 100644 --- a/src/plugins/console/public/styles/components/_history.scss +++ b/src/plugins/console/public/styles/components/_history.scss @@ -1,11 +1,13 @@ .conHistory { @include euiBottomShadow; + padding: $euiSizeM; } .conHistory__body { display: flex; height: $euiSizeXL * 10; + > ul { margin-bottom: 0; } diff --git a/src/plugins/console/public/styles/components/_index.scss b/src/plugins/console/public/styles/components/_index.scss index 9dfef202d125..5266cb35f173 100644 --- a/src/plugins/console/public/styles/components/_index.scss +++ b/src/plugins/console/public/styles/components/_index.scss @@ -1,2 +1,2 @@ -@import 'help'; -@import 'history'; +@import "help"; +@import "history"; diff --git a/src/plugins/dashboard/public/application/_hacks.scss b/src/plugins/dashboard/public/application/_hacks.scss index debcc78792de..d3a98dc3fd7c 100644 --- a/src/plugins/dashboard/public/application/_hacks.scss +++ b/src/plugins/dashboard/public/application/_hacks.scss @@ -3,10 +3,11 @@ /** * Needs to correspond with the react root nested inside angular. */ - #dashboardViewport { +#dashboardViewport { flex: 1; display: flex; flex-direction: column; + [data-reactroot] { flex: 1; } diff --git a/src/plugins/dashboard/public/application/embeddable/grid/_dashboard_grid.scss b/src/plugins/dashboard/public/application/embeddable/grid/_dashboard_grid.scss index a205e611531b..7259ab9d9f66 100644 --- a/src/plugins/dashboard/public/application/embeddable/grid/_dashboard_grid.scss +++ b/src/plugins/dashboard/public/application/embeddable/grid/_dashboard_grid.scss @@ -19,6 +19,7 @@ .dshLayout--editing { .react-resizable-handle { @include size($euiSizeL); + z-index: $euiZLevel1; /* 1 */ right: 0; bottom: 0; @@ -31,7 +32,7 @@ * 1. Need to override the react grid layout height when a single panel is expanded. Important is required because * otherwise the height is set inline. */ - .dshLayout-isMaximizedPanel { +.dshLayout-isMaximizedPanel { height: 100% !important; /* 1. */ width: 100%; position: absolute !important; /* 1 */ @@ -66,7 +67,8 @@ /** * Disable transitions from the library on each grid element. */ - transition: none; + transition: none; + /** * Copy over and overwrite the fill color with EUI color mixin (for theming) */ @@ -94,7 +96,9 @@ &.react-draggable-dragging { transition: box-shadow $euiAnimSpeedFast $euiAnimSlightResistance; + @include euiBottomShadowLarge; + border-radius: $euiBorderRadius; // keeps shadow within bounds } @@ -109,7 +113,7 @@ // When in view-mode only, and on tiny mobile screens, just stack each of the grid-items -@include euiBreakpoint('xs', 's') { +@include euiBreakpoint("xs", "s") { .dshLayout--viewing { .react-grid-item { position: static !important; diff --git a/src/plugins/dashboard/public/application/embeddable/grid/_index.scss b/src/plugins/dashboard/public/application/embeddable/grid/_index.scss index eb393d7603b8..ba7fd27a1473 100644 --- a/src/plugins/dashboard/public/application/embeddable/grid/_index.scss +++ b/src/plugins/dashboard/public/application/embeddable/grid/_index.scss @@ -1 +1 @@ -@import './dashboard_grid'; +@import "./dashboard_grid"; diff --git a/src/plugins/dashboard/public/application/embeddable/panel/_dashboard_panel.scss b/src/plugins/dashboard/public/application/embeddable/panel/_dashboard_panel.scss index 48961110db48..1321cd17067e 100644 --- a/src/plugins/dashboard/public/application/embeddable/panel/_dashboard_panel.scss +++ b/src/plugins/dashboard/public/application/embeddable/panel/_dashboard_panel.scss @@ -8,7 +8,7 @@ // Adjust borders/etc... for non-spaced out and expanded panels .dshLayout-withoutMargins, -.dshDashboardGrid__item--expanded { +.dshDashboardGrid__item--expanded { .embPanel { box-shadow: none; border-radius: 0; @@ -16,8 +16,8 @@ } // Remove border color unless in editing mode -.dshLayout-withoutMargins:not(.dshLayout--editing), -.dshDashboardGrid__item--expanded { +.dshDashboardGrid__item--expanded, +.dshLayout-withoutMargins:not(.dshLayout--editing) { .embPanel { border-color: transparent; } diff --git a/src/plugins/dashboard/public/application/embeddable/panel/_index.scss b/src/plugins/dashboard/public/application/embeddable/panel/_index.scss index 8212aad12abf..b899f02b2639 100644 --- a/src/plugins/dashboard/public/application/embeddable/panel/_index.scss +++ b/src/plugins/dashboard/public/application/embeddable/panel/_index.scss @@ -1 +1 @@ -@import './dashboard_panel'; +@import "./dashboard_panel"; diff --git a/src/plugins/dashboard/public/application/embeddable/viewport/_index.scss b/src/plugins/dashboard/public/application/embeddable/viewport/_index.scss index 56483d9d1019..4a2c66fd46ac 100644 --- a/src/plugins/dashboard/public/application/embeddable/viewport/_index.scss +++ b/src/plugins/dashboard/public/application/embeddable/viewport/_index.scss @@ -1 +1 @@ -@import './dashboard_viewport'; +@import "./dashboard_viewport"; diff --git a/src/plugins/dashboard/public/application/index.scss b/src/plugins/dashboard/public/application/index.scss index 6e158b2ec2e4..bc959543e406 100644 --- a/src/plugins/dashboard/public/application/index.scss +++ b/src/plugins/dashboard/public/application/index.scss @@ -1,11 +1,10 @@ -@import '../../../embeddable/public/variables'; - -@import './embeddable/grid/index'; -@import './embeddable/panel/index'; -@import './embeddable/viewport/index'; +@import "../../../embeddable/public/variables"; +@import "./embeddable/grid/index"; +@import "./embeddable/panel/index"; +@import "./embeddable/viewport/index"; // Temporary hacks -@import './hacks'; +@import "./hacks"; // Prefix all styles with "dsh" to avoid conflicts. // Examples @@ -14,5 +13,4 @@ // dshChart__legend--small // dshChart__legend-isLoading -@import './dashboard_app'; - +@import "./dashboard_app"; diff --git a/src/plugins/data/public/index.scss b/src/plugins/data/public/index.scss index a51fde079f10..68eaf661afed 100644 --- a/src/plugins/data/public/index.scss +++ b/src/plugins/data/public/index.scss @@ -1 +1 @@ -@import './ui/index'; +@import "./ui/index"; diff --git a/src/plugins/data/public/ui/_index.scss b/src/plugins/data/public/ui/_index.scss index 1ca49963f3de..f8998bb14819 100644 --- a/src/plugins/data/public/ui/_index.scss +++ b/src/plugins/data/public/ui/_index.scss @@ -1,10 +1,5 @@ - -@import './filter_bar/index'; - -@import './typeahead/index'; - -@import './saved_query_management/index'; - -@import './query_string_input/index'; - -@import './shard_failure_modal/shard_failure_modal'; \ No newline at end of file +@import "./filter_bar/index"; +@import "./typeahead/index"; +@import "./saved_query_management/index"; +@import "./query_string_input/index"; +@import "./shard_failure_modal/shard_failure_modal"; diff --git a/src/plugins/data/public/ui/filter_bar/_global_filter_group.scss b/src/plugins/data/public/ui/filter_bar/_global_filter_group.scss index 731c9f4d7f18..98a7ac648ad4 100644 --- a/src/plugins/data/public/ui/filter_bar/_global_filter_group.scss +++ b/src/plugins/data/public/ui/filter_bar/_global_filter_group.scss @@ -1,6 +1,6 @@ // SASSTODO: Probably not the right file for this selector, but temporary until the files get re-organized .globalQueryBar { - padding: 0px $euiSizeS $euiSizeS $euiSizeS; + padding: 0 $euiSizeS $euiSizeS $euiSizeS; } .globalQueryBar:first-child { @@ -19,7 +19,6 @@ min-height: $euiSizeL + $euiSizeXS; // same height as the badges } -// sass-lint:disable quotes .globalFilterGroup__branch { padding: $euiSizeS $euiSizeM 0 0; background-repeat: no-repeat; @@ -42,7 +41,7 @@ max-width: calc(100% - #{$euiSizeXS}); // Width minus margin around each flex itm } -@include euiBreakpoint('xs', 's') { +@include euiBreakpoint("xs", "s") { .globalFilterGroup__wrapper-isVisible { // EUI Flexbox adds too much margin between responded items, this just moves it up margin-top: $euiSize * -1; diff --git a/src/plugins/data/public/ui/filter_bar/_global_filter_item.scss b/src/plugins/data/public/ui/filter_bar/_global_filter_item.scss index df28d66fc9e3..98da71701d31 100644 --- a/src/plugins/data/public/ui/filter_bar/_global_filter_item.scss +++ b/src/plugins/data/public/ui/filter_bar/_global_filter_item.scss @@ -16,7 +16,10 @@ &:not(.globalFilterItem-isDisabled) { @include euiFormControlDefaultShadow; - box-shadow: #{$euiFormControlBoxShadow}, inset 0 0 0 1px $osdGlobalFilterItemBorderColor; // Make the actual border more visible + + box-shadow: + #{$euiFormControlBoxShadow}, + inset 0 0 0 1px $osdGlobalFilterItemBorderColor; // Make the actual border more visible } &:focus-within { @@ -26,13 +29,15 @@ .globalFilterItem-isDisabled { color: $euiColorDarkShade; + /* stylelint-disable-next-line scss/no-global-function-names */ background-color: transparentize($euiColorLightShade, 0.5); text-decoration: line-through; font-weight: $euiFontWeightRegular; font-style: italic; } -.globalFilterItem-isError, .globalFilterItem-isWarning { +.globalFilterItem-isError, +.globalFilterItem-isWarning { text-decoration: none; .globalFilterLabel__value { @@ -42,12 +47,14 @@ .globalFilterItem-isError { .globalFilterLabel__value { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorDangerText, $euiColorLightShade); } } .globalFilterItem-isWarning { .globalFilterLabel__value { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorWarningText, $euiColorLightShade); } } @@ -56,7 +63,7 @@ position: relative; &::before { - content: ''; + content: ""; position: absolute; top: 0; bottom: 0; diff --git a/src/plugins/data/public/ui/filter_bar/_index.scss b/src/plugins/data/public/ui/filter_bar/_index.scss index 5333aff8b87d..452b6318d5a2 100644 --- a/src/plugins/data/public/ui/filter_bar/_index.scss +++ b/src/plugins/data/public/ui/filter_bar/_index.scss @@ -1,3 +1,3 @@ -@import 'variables'; -@import 'global_filter_group'; -@import 'global_filter_item'; +@import "variables"; +@import "global_filter_group"; +@import "global_filter_item"; diff --git a/src/plugins/data/public/ui/filter_bar/_variables.scss b/src/plugins/data/public/ui/filter_bar/_variables.scss index 3f6de5a3f8aa..cb602d8bb4c5 100644 --- a/src/plugins/data/public/ui/filter_bar/_variables.scss +++ b/src/plugins/data/public/ui/filter_bar/_variables.scss @@ -1,3 +1,4 @@ +/* stylelint-disable function-name-case */ $osdGlobalFilterItemBorderColor: tintOrShade($euiColorMediumShade, 35%, 20%); $osdGlobalFilterItemBorderColorExcluded: tintOrShade($euiColorDanger, 70%, 50%); $osdGlobalFilterItemPinnedColorExcluded: tintOrShade($euiColorDanger, 30%, 20%); diff --git a/src/plugins/data/public/ui/query_string_input/_index.scss b/src/plugins/data/public/ui/query_string_input/_index.scss index 1d955920b8e1..8686490016c5 100644 --- a/src/plugins/data/public/ui/query_string_input/_index.scss +++ b/src/plugins/data/public/ui/query_string_input/_index.scss @@ -1 +1 @@ -@import './query_bar'; +@import "./query_bar"; diff --git a/src/plugins/data/public/ui/query_string_input/_query_bar.scss b/src/plugins/data/public/ui/query_string_input/_query_bar.scss index 240e92be5141..fa978df60fbd 100644 --- a/src/plugins/data/public/ui/query_string_input/_query_bar.scss +++ b/src/plugins/data/public/ui/query_string_input/_query_bar.scss @@ -19,14 +19,18 @@ z-index: $euiZContentMenu; resize: none !important; // When in the group, it will autosize height: $euiFormControlHeight; + // Unlike most inputs within layout control groups, the text area still needs a border. // These adjusts help it sit above the control groups shadow to line up correctly. padding: $euiSizeS; padding-top: $euiSizeS + 3px; transform: translateY(-1px) translateX(-1px); - &:not(:focus):not(:invalid) { - @include euiYScrollWithShadows; + // When focused, let it scroll + &:focus { + overflow-x: auto; + overflow-y: auto; + white-space: normal; } &:not(:focus) { @@ -35,19 +39,18 @@ overflow-x: hidden; } - // When focused, let it scroll - &:focus { - overflow-x: auto; - overflow-y: auto; - white-space: normal; + &:not(:focus):not(:invalid) { + @include euiYScrollWithShadows; } } -@include euiBreakpoint('xs', 's') { +@include euiBreakpoint("xs", "s") { .osdQueryBar--withDatePicker { > :first-child { - // Change the order of the query bar and date picker so that the date picker is top and the query bar still aligns with filters + // Change the order of the query bar and date picker so that the date picker is top + // and the query bar still aligns with filters order: 1; + // EUI Flexbox adds too much margin between responded items, this just moves it up margin-top: $euiSizeS * -1; } @@ -55,10 +58,9 @@ } // IE specific fix for the datepicker to not collapse -@include euiBreakpoint('m', 'l', 'xl') { +@include euiBreakpoint("m", "l", "xl") { .osdQueryBar__datePickerWrapper { max-width: 40vw; - // sass-lint:disable-block no-important flex-grow: 0 !important; flex-basis: auto !important; margin-right: -$euiSizeXS !important; diff --git a/src/plugins/data/public/ui/saved_query_management/_index.scss b/src/plugins/data/public/ui/saved_query_management/_index.scss index 0580e857e849..c715136c51b3 100644 --- a/src/plugins/data/public/ui/saved_query_management/_index.scss +++ b/src/plugins/data/public/ui/saved_query_management/_index.scss @@ -1,2 +1,2 @@ -@import './saved_query_management_component'; -@import './saved_query_list_item'; +@import "./saved_query_management_component"; +@import "./saved_query_list_item"; diff --git a/src/plugins/data/public/ui/saved_query_management/_saved_query_list_item.scss b/src/plugins/data/public/ui/saved_query_management/_saved_query_list_item.scss index bb8365bea3eb..6b2aee1dd45e 100644 --- a/src/plugins/data/public/ui/saved_query_management/_saved_query_list_item.scss +++ b/src/plugins/data/public/ui/saved_query_management/_saved_query_list_item.scss @@ -17,5 +17,6 @@ .osdSavedQueryListItem__labelText { @include euiTextTruncate; + margin-right: $euiSizeXS; } diff --git a/src/plugins/data/public/ui/saved_query_management/_saved_query_management_component.scss b/src/plugins/data/public/ui/saved_query_management/_saved_query_management_component.scss index 22418827eab9..cedc7df5898f 100644 --- a/src/plugins/data/public/ui/saved_query_management/_saved_query_management_component.scss +++ b/src/plugins/data/public/ui/saved_query_management/_saved_query_management_component.scss @@ -19,6 +19,7 @@ .osdSavedQueryManagement__list { @include euiYScrollWithShadows; + max-height: inherit; // Fixes overflow for applied max-height // Left/Right padding is calculated to match the left alignment of the // popover text and buttons diff --git a/src/plugins/data/public/ui/shard_failure_modal/_shard_failure_modal.scss b/src/plugins/data/public/ui/shard_failure_modal/_shard_failure_modal.scss index 6527289f8021..42524ba5b438 100644 --- a/src/plugins/data/public/ui/shard_failure_modal/_shard_failure_modal.scss +++ b/src/plugins/data/public/ui/shard_failure_modal/_shard_failure_modal.scss @@ -1,41 +1,42 @@ // set width and height to fixed values to prevent resizing when you switch tabs .shardFailureModal { - min-height: 75vh; - width: 768px; + min-height: 75vh; + width: 768px; } .shardFailureModal__desc { - // set for IE11, since without it depending on the content the width of the list - // could be much higher than the available screenspace - max-width: 686px; + // set for IE11, since without it depending on the content the width of the list + // could be much higher than the available screenspace + max-width: 686px; } .shardFailureModal__descTitle { - width: 20% !important; - margin-top: $euiSizeS; + width: 20% !important; + margin-top: $euiSizeS; } .shardFailureModal__descValue { - width: 80% !important; - margin-top: $euiSizeS; + width: 80% !important; + margin-top: $euiSizeS; } + .shardFailureModal__keyValueTitle { - padding-right: $euiSizeS; + padding-right: $euiSizeS; } -@include euiBreakpoint('xs','s') { - .shardFailureModal__keyValueTitle { - display: block; - width: 100%; - } - - .shardFailureModal__descTitle { - display: block; - width: 100% !important; - } - - .shardFailureModal__descValue { - display: block; - width: 100% !important; - } -} \ No newline at end of file +@include euiBreakpoint("xs","s") { + .shardFailureModal__keyValueTitle { + display: block; + width: 100%; + } + + .shardFailureModal__descTitle { + display: block; + width: 100% !important; + } + + .shardFailureModal__descValue { + display: block; + width: 100% !important; + } +} diff --git a/src/plugins/data/public/ui/typeahead/_index.scss b/src/plugins/data/public/ui/typeahead/_index.scss index c0ba5f05f589..513b695b6cc8 100644 --- a/src/plugins/data/public/ui/typeahead/_index.scss +++ b/src/plugins/data/public/ui/typeahead/_index.scss @@ -1 +1 @@ -@import 'suggestion'; +@import "suggestion"; diff --git a/src/plugins/data/public/ui/typeahead/_suggestion.scss b/src/plugins/data/public/ui/typeahead/_suggestion.scss index 7d559e926ba6..1bdd67b1b0cd 100644 --- a/src/plugins/data/public/ui/typeahead/_suggestion.scss +++ b/src/plugins/data/public/ui/typeahead/_suggestion.scss @@ -12,22 +12,101 @@ $osdTypeaheadTypes: ( .osdTypeahead__popover--top { @include euiBottomShadowFlat; + border-top-left-radius: $euiBorderRadius; border-top-right-radius: $euiBorderRadius; } .osdTypeahead__popover--bottom { @include euiBottomShadow($adjustBorders: true); + border-bottom-left-radius: $euiBorderRadius; border-bottom-right-radius: $euiBorderRadius; } +.osdSuggestionItem__text { + flex-grow: 0; /* 2 */ + flex-basis: auto; /* 2 */ + font-family: $euiCodeFontFamily; + width: 250px; + overflow: hidden; + text-overflow: ellipsis; + padding: $euiSizeXS $euiSizeS; + color: $euiTextColor; +} + +.osdSuggestionItem__text, +.osdSuggestionItem__type, +.osdSuggestionItem__description { + flex-grow: 1; + flex-basis: 0%; + display: flex; + flex-direction: column; +} + +.osdSuggestionItem__type { + flex-grow: 0 0 auto; + width: $euiSizeXL; + height: $euiSizeXL; + text-align: center; + overflow: hidden; + padding: $euiSizeXS; + justify-content: center; + align-items: center; +} + +.osdSuggestionItem { + display: flex; + flex-grow: 1; + align-items: center; + font-size: $euiFontSizeXS; + white-space: nowrap; + + @each $name, $color in $osdTypeaheadTypes { + &.osdSuggestionItem--#{$name} { + .osdSuggestionItem__type { + /* stylelint-disable-next-line function-name-case */ + background-color: tintOrShade($color, 90%, 50%); + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor($color, tintOrShade($color, 90%, 50%)); + } + } + } + + &.osdSuggestionItem--recentSearch { + .osdSuggestionItem__type { + background-color: $euiColorLightShade; + color: $euiColorMediumShade; + } + + /* stylelint-disable-next-line selector-class-pattern */ + .SuggestionItem__text { + width: auto; + } + } +} + +.osdSuggestionItem__callout { + font-family: $euiCodeFontFamily; + background: $euiColorLightestShade; + color: $euiColorFullShade; + padding: 0 $euiSizeXS; + display: inline-block; +} + +.osdSuggestionItem--value .osdSuggestionItem__text { + flex-basis: 50%; + flex-grow: 1; +} + .osdTypeahead { max-height: 60vh; .osdTypeahead__popover { max-height: inherit; + @include euiScrollBar; + border: 1px solid; border-color: $euiBorderColor; color: $euiTextColor; @@ -79,6 +158,7 @@ $osdTypeaheadTypes: ( @each $name, $color in $osdTypeaheadTypes { .osdSuggestionItem--#{$name} { .osdSuggestionItem__type { + /* stylelint-disable-next-line function-name-case */ background-color: tintOrShade($color, 80%, 60%); } } @@ -87,67 +167,6 @@ $osdTypeaheadTypes: ( } } -.osdSuggestionItem { - display: flex; - flex-grow: 1; - align-items: center; - font-size: $euiFontSizeXS; - white-space: nowrap; - - @each $name, $color in $osdTypeaheadTypes { - &.osdSuggestionItem--#{$name} { - .osdSuggestionItem__type { - background-color: tintOrShade($color, 90%, 50%); - color: makeHighContrastColor($color, tintOrShade($color, 90%, 50%)); - } - } - } - - &.osdSuggestionItem--recentSearch { - .osdSuggestionItem__type { - background-color: $euiColorLightShade; - color: $euiColorMediumShade; - } - - .SuggestionItem__text { - width: auto; - } - } -} - -.osdSuggestionItem__text, -.osdSuggestionItem__type, -.osdSuggestionItem__description { - flex-grow: 1; - flex-basis: 0%; - display: flex; - flex-direction: column; -} - -.osdSuggestionItem__type { - flex-grow: 0; - flex-shrink: 0; - flex-basis: auto; - width: $euiSizeXL; - height: $euiSizeXL; - text-align: center; - overflow: hidden; - padding: $euiSizeXS; - justify-content: center; - align-items: center; -} - -.osdSuggestionItem__text { - flex-grow: 0; /* 2 */ - flex-basis: auto; /* 2 */ - font-family: $euiCodeFontFamily; - width: 250px; - overflow: hidden; - text-overflow: ellipsis; - padding: $euiSizeXS $euiSizeS; - color: $euiTextColor; -} - .osdSuggestionItem__description { color: $euiColorDarkShade; overflow: hidden; @@ -159,16 +178,3 @@ $osdTypeaheadTypes: ( margin-left: 0; } } - -.osdSuggestionItem__callout { - font-family: $euiCodeFontFamily; - background: $euiColorLightestShade; - color: $euiColorFullShade; - padding: 0 $euiSizeXS; - display: inline-block; -} - -osdnSuggestionItem--value .osdSuggestionItem__text { - flex-basis: 50%; - flex-grow: 1; -} diff --git a/src/plugins/discover/public/application/_discover.scss b/src/plugins/discover/public/application/_discover.scss index 3416c0bf73d1..f574357c5ff4 100644 --- a/src/plugins/discover/public/application/_discover.scss +++ b/src/plugins/discover/public/application/_discover.scss @@ -10,6 +10,7 @@ position: relative; } } + discover-app { flex-grow: 1; } @@ -25,12 +26,13 @@ discover-app { padding-left: $euiSizeXL; padding-right: $euiSizeS; z-index: 1; - @include euiBreakpoint('xs', 's', 'm') { + + @include euiBreakpoint("xs", "s", "m") { padding-left: $euiSizeS; } } -@include euiPanel('.dscWrapper__content'); +@include euiPanel(".dscWrapper__content"); .dscWrapper__content { padding-top: $euiSizeXS; @@ -71,7 +73,6 @@ discover-app { left: 0; z-index: 20; padding-top: $euiSizeM; - opacity: 0.75; text-align: center; background-color: transparent; @@ -96,7 +97,7 @@ discover-app { .dscResults { h3 { - margin: -20px 0 10px 0; + margin: -20px 0 10px; text-align: center; } } @@ -136,20 +137,21 @@ discover-app { z-index: -1; min-height: $euiSizeM; min-width: $euiSizeM; - padding: $euiSizeXS * .5; + padding: $euiSizeXS * 0.5; } &.closed { width: 0 !important; border-right-width: 0; border-left-width: 0; + .dscCollapsibleSidebar__collapseButton { right: -$euiSizeL + 4; } } } -@include euiBreakpoint('xs', 's', 'm') { +@include euiBreakpoint("xs", "s", "m") { .dscCollapsibleSidebar { &.closed { display: none; diff --git a/src/plugins/discover/public/application/angular/_index.scss b/src/plugins/discover/public/application/angular/_index.scss index b0e5b6e3edf7..acc755e4a170 100644 --- a/src/plugins/discover/public/application/angular/_index.scss +++ b/src/plugins/discover/public/application/angular/_index.scss @@ -1,2 +1,2 @@ -@import 'directives/index'; -@import 'context/index'; +@import "directives/index"; +@import "context/index"; diff --git a/src/plugins/discover/public/application/angular/context/_index.scss b/src/plugins/discover/public/application/angular/context/_index.scss index 49293fa1b8ad..4ac09e25eb9c 100644 --- a/src/plugins/discover/public/application/angular/context/_index.scss +++ b/src/plugins/discover/public/application/angular/context/_index.scss @@ -5,4 +5,4 @@ // cxtChart__legend--small // cxtChart__legend-isLoading -@import 'components/action_bar/index'; +@import "components/action_bar/index"; diff --git a/src/plugins/discover/public/application/angular/context/components/action_bar/_index.scss b/src/plugins/discover/public/application/angular/context/components/action_bar/_index.scss index d54e2caffc12..40a446220577 100644 --- a/src/plugins/discover/public/application/angular/context/components/action_bar/_index.scss +++ b/src/plugins/discover/public/application/angular/context/components/action_bar/_index.scss @@ -1 +1 @@ -@import 'action_bar'; +@import "action_bar"; diff --git a/src/plugins/discover/public/application/angular/directives/_index.scss b/src/plugins/discover/public/application/angular/directives/_index.scss index d4b365547b40..01f5bbb6fd57 100644 --- a/src/plugins/discover/public/application/angular/directives/_index.scss +++ b/src/plugins/discover/public/application/angular/directives/_index.scss @@ -1,2 +1,2 @@ -@import 'no_results'; -@import 'histogram'; +@import "no_results"; +@import "histogram"; diff --git a/src/plugins/discover/public/application/angular/doc_table/_doc_table.scss b/src/plugins/discover/public/application/angular/doc_table/_doc_table.scss index 8653eccb4910..9e1ac8fa4b5a 100644 --- a/src/plugins/discover/public/application/angular/doc_table/_doc_table.scss +++ b/src/plugins/discover/public/application/angular/doc_table/_doc_table.scss @@ -3,6 +3,7 @@ */ doc-table { @include euiScrollBar; + overflow: auto; flex: 1 1 100%; flex-direction: column; /* 1 */ @@ -26,6 +27,28 @@ doc-table { opacity: 0.5; } +table { + th { + i.fa-sort { + color: $euiColorLightShade; + } + + button.fa-sort-asc, + button.fa-sort-down, + i.fa-sort-asc, + i.fa-sort-down { + color: $euiColorPrimary; + } + + button.fa-sort-desc, + button.fa-sort-up, + i.fa-sort-desc, + i.fa-sort-up { + color: $euiColorPrimary; + } + } +} + .osdDocTable { font-size: $euiFontSizeXS; @@ -58,6 +81,7 @@ doc-table { } dt { + /* stylelint-disable-next-line scss/no-global-function-names */ background-color: transparentize(shade($euiColorPrimary, 20%), 0.9); color: $euiTextColor; padding: ($euiSizeXS / 2) $euiSizeXS; @@ -68,6 +92,14 @@ doc-table { } } +.osdDocTable__row--highlight { + td, + .osdDocTableRowFilterButton { + /* stylelint-disable-next-line function-name-case */ + background-color: tintOrShade($euiColorPrimary, 90%, 70%); + } +} + .osdDocTable__row { td { position: relative; @@ -80,13 +112,6 @@ doc-table { } } -.osdDocTable__row--highlight { - td, - .osdDocTableRowFilterButton { - background-color: tintOrShade($euiColorPrimary, 90%, 70%); - } -} - .osdDocTable__bar { margin: $euiSizeXS $euiSizeXS 0; } @@ -133,25 +158,3 @@ doc-table { } } } - -table { - th { - i.fa-sort { - color: $euiColorLightShade; - } - - button.fa-sort-asc, - button.fa-sort-down, - i.fa-sort-asc, - i.fa-sort-down { - color: $euiColorPrimary; - } - - button.fa-sort-desc, - button.fa-sort-up, - i.fa-sort-desc, - i.fa-sort-up { - color: $euiColorPrimary; - } - } -} diff --git a/src/plugins/discover/public/application/angular/doc_table/components/_index.scss b/src/plugins/discover/public/application/angular/doc_table/components/_index.scss index 6a294c1ed173..25065a969b9b 100644 --- a/src/plugins/discover/public/application/angular/doc_table/components/_index.scss +++ b/src/plugins/discover/public/application/angular/doc_table/components/_index.scss @@ -1,2 +1,2 @@ -@import 'table_header'; -@import 'table_row/index'; +@import "table_header"; +@import "table_row/index"; diff --git a/src/plugins/discover/public/application/angular/doc_table/components/_table_header.scss b/src/plugins/discover/public/application/angular/doc_table/components/_table_header.scss index e16bfbc72836..7b4c14f6a856 100644 --- a/src/plugins/discover/public/application/angular/doc_table/components/_table_header.scss +++ b/src/plugins/discover/public/application/angular/doc_table/components/_table_header.scss @@ -1,14 +1,17 @@ .osdDocTableHeader { white-space: nowrap; } + .osdDocTableHeader button { margin-left: $euiSizeXS; } + .osdDocTableHeader__move, .osdDocTableHeader__sortChange { opacity: 0; - th:hover &, - &:focus { + + &:focus, + th:hover & { opacity: 1; } } diff --git a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_cell.scss b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_cell.scss index c706ea1dcb8e..5285e09c241d 100644 --- a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_cell.scss +++ b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_cell.scss @@ -3,7 +3,7 @@ } .osdDocTableCell__toggleDetails { - padding: 4px 0 0 0!important; + padding: 4px 0 0 !important; } .osdDocTableCell__filter { diff --git a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_details.scss b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_details.scss index 02e16a3bb55a..0b002786840f 100644 --- a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_details.scss +++ b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_details.scss @@ -8,18 +8,17 @@ // Overwrite the border on the bootstrap table .osdDocTableDetails__row { + td { + border-top: none !important; + } > td { // Offsets negative margins from an inner flex group padding: $euiSizeL !important; tr:hover td { + /* stylelint-disable-next-line function-name-case */ background: tintOrShade($euiColorLightestShade, 50%, 20%); } } - - td { - border-top: none !important; - } } - diff --git a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_index.scss b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_index.scss index c7ccdaa39ff6..56530bf93330 100644 --- a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_index.scss +++ b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_index.scss @@ -1,3 +1,3 @@ -@import 'cell'; -@import 'details'; -@import 'open'; +@import "cell"; +@import "details"; +@import "open"; diff --git a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_open.scss b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_open.scss index 8722b73837a8..01d71a70794a 100644 --- a/src/plugins/discover/public/application/angular/doc_table/components/table_row/_open.scss +++ b/src/plugins/discover/public/application/angular/doc_table/components/table_row/_open.scss @@ -4,7 +4,7 @@ * re-render which is SLOW. */ - .osdDocTableOpen__button { +.osdDocTableOpen__button { appearance: none; background-color: transparent; padding: 0; diff --git a/src/plugins/discover/public/application/angular/doc_table/index.scss b/src/plugins/discover/public/application/angular/doc_table/index.scss index 3663d807851c..5b9dc82adb16 100644 --- a/src/plugins/discover/public/application/angular/doc_table/index.scss +++ b/src/plugins/discover/public/application/angular/doc_table/index.scss @@ -1,2 +1,2 @@ -@import 'doc_table'; -@import 'components/index'; +@import "doc_table"; +@import "components/index"; diff --git a/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.scss b/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.scss index be79fab49294..07f216422b80 100644 --- a/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.scss +++ b/src/plugins/discover/public/application/components/doc_viewer/doc_viewer.scss @@ -2,6 +2,35 @@ margin-top: $euiSizeS; } +.osdDocViewer__field { + width: 160px; +} + +.osdDocViewer__buttons, +.osdDocViewer__field { + white-space: nowrap; +} + +.osdDocViewer__actionButton { + opacity: 0; + + &:focus { + opacity: 1; + } +} + +.osdDocViewer__buttons { + width: 60px; + + // Show all icons if one is focused, + // IE doesn't support, but the fallback is just the focused button becomes visible + &:focus-within { + .osdDocViewer__actionButton { + opacity: 1; + } + } +} + .osdDocViewer { pre, .osdDocViewer__value { @@ -13,6 +42,7 @@ vertical-align: top; padding-top: 2px; } + .osdDocViewer__field { padding-top: 8px; } @@ -37,35 +67,6 @@ } } -.osdDocViewer__buttons, -.osdDocViewer__field { - white-space: nowrap; -} -.osdDocViewer__buttons { - width: 60px; - - // Show all icons if one is focused, - // IE doesn't support, but the fallback is just the focused button becomes visible - &:focus-within { - .osdDocViewer__actionButton { - opacity: 1; - } - } -} - -.osdDocViewer__field { - width: 160px; -} - -.osdDocViewer__actionButton { - opacity: 0; - - &:focus { - opacity: 1; - } -} - .osdDocViewer__warning { margin-right: $euiSizeS; } - diff --git a/src/plugins/discover/public/application/components/sidebar/discover_field_details.scss b/src/plugins/discover/public/application/components/sidebar/discover_field_details.scss index f4b3eed741f9..7bf0892d0148 100644 --- a/src/plugins/discover/public/application/components/sidebar/discover_field_details.scss +++ b/src/plugins/discover/public/application/components/sidebar/discover_field_details.scss @@ -1,5 +1,6 @@ .dscFieldDetails__visualizeBtn { @include euiFontSizeXS; + height: $euiSizeL !important; min-width: $euiSize * 4; } diff --git a/src/plugins/discover/public/application/components/sidebar/discover_sidebar.scss b/src/plugins/discover/public/application/components/sidebar/discover_sidebar.scss index f130b0399f46..2fde1e60b03a 100644 --- a/src/plugins/discover/public/application/components/sidebar/discover_sidebar.scss +++ b/src/plugins/discover/public/application/components/sidebar/discover_sidebar.scss @@ -14,7 +14,8 @@ } .dscIndexPattern__triggerButton { - @include euiTitle('xs'); + @include euiTitle("xs"); + line-height: $euiSizeXXL; } @@ -25,10 +26,12 @@ .dscFieldListHeader { padding: $euiSizeS $euiSizeS 0 $euiSizeS; + /* stylelint-disable-next-line function-name-case */ background-color: lightOrDarkTheme(tint($euiColorPrimary, 90%), $euiColorLightShade); } .dscFieldList--popular { + /* stylelint-disable-next-line function-name-case */ background-color: lightOrDarkTheme(tint($euiColorPrimary, 90%), $euiColorLightShade); } @@ -41,16 +44,6 @@ margin-left: $euiSizeS !important; } -.dscSidebarItem { - &:hover, - &:focus-within, - &[class*='-isActive'] { - .dscSidebarItem__action { - opacity: 1; - } - } -} - /** * 1. Only visually hide the action, so that it's still accessible to screen readers. * 2. When tabbed to, this element needs to be visible for keyboard accessibility. @@ -62,15 +55,27 @@ &:focus { opacity: 1; /* 2 */ } + font-size: $euiFontSizeXS; padding: 2px 6px !important; height: 22px !important; min-width: auto !important; + .euiButton__content { padding: 0 4px; } } +.dscSidebarItem { + &:hover, + &:focus-within, + &[class*="-isActive"] { + .dscSidebarItem__action { + opacity: 1; + } + } +} + .dscFieldSearch { padding: $euiSizeS; } diff --git a/src/plugins/discover/public/application/embeddable/search_embeddable.scss b/src/plugins/discover/public/application/embeddable/search_embeddable.scss index 0618db996aad..e953968495e7 100644 --- a/src/plugins/discover/public/application/embeddable/search_embeddable.scss +++ b/src/plugins/discover/public/application/embeddable/search_embeddable.scss @@ -5,7 +5,8 @@ .embPanel { .osdDocTable__container { @include euiScrollBar; /* 2 */ + flex: 1 1 0; /* 1 */ overflow: auto; /* 1 */ } -} \ No newline at end of file +} diff --git a/src/plugins/discover/public/application/index.scss b/src/plugins/discover/public/application/index.scss index 5aa353828274..b9f191ac6d69 100644 --- a/src/plugins/discover/public/application/index.scss +++ b/src/plugins/discover/public/application/index.scss @@ -1,2 +1,2 @@ -@import 'angular/index'; -@import 'discover'; +@import "angular/index"; +@import "discover"; diff --git a/src/plugins/embeddable/public/_variables.scss b/src/plugins/embeddable/public/_variables.scss index 1c5b1664eab6..88bb47806e2d 100644 --- a/src/plugins/embeddable/public/_variables.scss +++ b/src/plugins/embeddable/public/_variables.scss @@ -1 +1,2 @@ -$embEditingModeHoverColor: transparentize($euiColorWarning, lightOrDarkTheme(.9, .7)); +/* stylelint-disable-next-line scss/no-global-function-names, function-name-case */ +$embEditingModeHoverColor: transparentize($euiColorWarning, lightOrDarkTheme(0.9, 0.7)); diff --git a/src/plugins/embeddable/public/index.scss b/src/plugins/embeddable/public/index.scss index ed80b3f9983e..b8791273c382 100644 --- a/src/plugins/embeddable/public/index.scss +++ b/src/plugins/embeddable/public/index.scss @@ -1,3 +1,3 @@ -@import './variables'; -@import './lib/panel/index'; -@import './lib/panel/panel_header/index'; +@import "./variables"; +@import "./lib/panel/index"; +@import "./lib/panel/panel_header/index"; diff --git a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss index cdc0f9f0e045..0f48532ccc1b 100644 --- a/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss +++ b/src/plugins/embeddable/public/lib/panel/_embeddable_panel.scss @@ -33,12 +33,14 @@ .embPanel__header { flex: 0 0 auto; display: flex; + // ensure menu button is on the right even if the title doesn't exist justify-content: flex-end; } .embPanel__title { - @include euiTitle('xxxs'); + @include euiTitle("xxxs"); + overflow: hidden; line-height: 1.5; flex-grow: 1; @@ -68,6 +70,7 @@ .embPanel__placeholderTitleText { @include euiTextTruncate; + font-weight: $euiFontWeightRegular; color: $euiColorMediumShade; } @@ -94,6 +97,7 @@ */ .embPanel__optionsMenuButton { + /* stylelint-disable-next-line scss/no-global-function-names */ background-color: transparentize($euiColorDarkestShade, 0.9); border-bottom-right-radius: 0; border-top-left-radius: 0; @@ -103,20 +107,6 @@ } } -.embPanel .embPanel__optionsMenuButton { - opacity: 0; /* 1 */ - - &:focus { - opacity: 1; /* 2 */ - } -} - -.embPanel:hover { - .embPanel__optionsMenuButton { - opacity: 1; - } -} - // EDITING MODE .embPanel--editing { @@ -143,6 +133,20 @@ } } +.embPanel .embPanel__optionsMenuButton { + opacity: 0; /* 1 */ + + &:focus { + opacity: 1; /* 2 */ + } +} + +.embPanel:hover { + .embPanel__optionsMenuButton { + opacity: 1; + } +} + // LOADING and ERRORS .embPanel--loading { @@ -156,7 +160,6 @@ justify-content: center; flex-direction: column; overflow: auto; - text-align: center; padding: $euiSizeS; } diff --git a/src/plugins/embeddable/public/lib/panel/_index.scss b/src/plugins/embeddable/public/lib/panel/_index.scss index ff8960ac729c..5f04b153c6b4 100644 --- a/src/plugins/embeddable/public/lib/panel/_index.scss +++ b/src/plugins/embeddable/public/lib/panel/_index.scss @@ -1 +1 @@ -@import './embeddable_panel'; +@import "./embeddable_panel"; diff --git a/src/plugins/embeddable/public/lib/panel/panel_header/_index.scss b/src/plugins/embeddable/public/lib/panel/panel_header/_index.scss index b6cea833f65c..bc3c524066f5 100644 --- a/src/plugins/embeddable/public/lib/panel/panel_header/_index.scss +++ b/src/plugins/embeddable/public/lib/panel/panel_header/_index.scss @@ -1 +1 @@ -@import './panel_options_menu_form'; +@import "./panel_options_menu_form"; diff --git a/src/plugins/expressions/public/index.scss b/src/plugins/expressions/public/index.scss index c2be1c527a8b..70e239126f5e 100644 --- a/src/plugins/expressions/public/index.scss +++ b/src/plugins/expressions/public/index.scss @@ -7,4 +7,4 @@ // expChart__legend--small // expChart__legend-isLoading -@import './expression_renderer'; +@import "./expression_renderer"; diff --git a/src/plugins/home/public/application/components/_add_data.scss b/src/plugins/home/public/application/components/_add_data.scss index 81400e4de452..efda93558bf5 100644 --- a/src/plugins/home/public/application/components/_add_data.scss +++ b/src/plugins/home/public/application/components/_add_data.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ diff --git a/src/plugins/home/public/application/components/_home.scss b/src/plugins/home/public/application/components/_home.scss index 8f68c508e5f4..079ffe538122 100644 --- a/src/plugins/home/public/application/components/_home.scss +++ b/src/plugins/home/public/application/components/_home.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ diff --git a/src/plugins/home/public/application/components/_index.scss b/src/plugins/home/public/application/components/_index.scss index 5e2f58c7ebef..2c66b7bbdd31 100644 --- a/src/plugins/home/public/application/components/_index.scss +++ b/src/plugins/home/public/application/components/_index.scss @@ -5,11 +5,10 @@ // homChart__legend--small // homChart__legend-isLoading -@import 'home'; -@import 'add_data'; -@import 'sample_data_set_cards'; -@import 'solutions_section'; -@import 'synopsis'; -@import 'welcome'; - -@import 'tutorial/tutorial'; +@import "home"; +@import "add_data"; +@import "sample_data_set_cards"; +@import "solutions_section"; +@import "synopsis"; +@import "welcome"; +@import "tutorial/tutorial"; diff --git a/src/plugins/home/public/application/components/_solutions_section.scss b/src/plugins/home/public/application/components/_solutions_section.scss index 4978d6d9891a..8ee2b0449342 100644 --- a/src/plugins/home/public/application/components/_solutions_section.scss +++ b/src/plugins/home/public/application/components/_solutions_section.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ @@ -37,21 +37,27 @@ .homSolutions__content { min-height: $euiSize * 16; - @include euiBreakpoint('xs', 's') { + @include euiBreakpoint("xs", "s") { flex-direction: column; } } .homSolutions__group { - @include euiBreakpoint('l') { + @include euiBreakpoint("l") { max-width: calc(75% - #{$euiSizeM * 2}); } - @include euiBreakpoint('xl') { + @include euiBreakpoint("xl") { max-width: calc(50% - #{$euiSizeM * 2}); } } +.homSolutionPanel, +.homSolutionPanel__inner { + display: flex; + flex-direction: column; +} + .homSolutionPanel { border-radius: $euiBorderRadius; color: inherit; @@ -61,6 +67,7 @@ &:hover, &:focus { @include euiSlightShadowHover; + transform: translateY(-2px); .homSolutionPanel__title { @@ -69,21 +76,10 @@ } } -.homSolutionPanel, -.homSolutionPanel__inner { - display: flex; - flex-direction: column; -} - .homSolutionPanel__inner { overflow: hidden; } -.homSolutionPanel__header { - color: $euiColorEmptyShade; - padding: $euiSize; -} - .homSolutionPanel__icon { background-color: $euiColorEmptyShade !important; box-shadow: none !important; @@ -100,37 +96,43 @@ justify-content: center; padding: $euiSize; - @include euiBreakpoint('xs', 's') { + @include euiBreakpoint("xs", "s") { text-align: center; } } .homSolutionPanel__header { + color: $euiColorEmptyShade; + padding: $euiSize; background-color: $euiColorPrimary; - //background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQYAAAFjCAYAAADfDKXVAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfiSURBVHgB7d1JblRZGobh45SrhJiWGOQ6EENLSKyABTBmOcwRq2EnTKtUdInBuEln/OkMdB3HTTjiNqd5HinA3YBUSq++24UPUkq/J+jE+/fv09HRURrD27dv0+vXr1OLfksAG4QByAgDkBEGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGICMMAAZYQAywgBkhAHICAOQEQZg05/CAGy6FAYgIwzApnNhADLCAGy6EAZgkzAAGVclgIyTj0DGYgAyZ8IADP2ZLAZgw1n8IQzA0Hn8IQzA0EX8IQzAkEMJICMMwDURhcv44DDBlp4+fZrevHmTxvLq1av04cOHRDHO1h8IA1t7/PhxOjo6SjTrdP2BQwlg7ddiEAYgxGXK8/UnwgCEs+EnwgCEk+EnwgCE0+EnwgDEYcTF8AvCAJxufkEYgO+bXxAG6Nu1y5RrwgB9O7npi8IAfTu+6YvCAP3KrkasCQP06/i2bwgD9Ov0tm8IA/QpLlFe3PZNYYA+/bjrm8IA/YmTjqd3/YAwQH+O7/sBYYC+xHmFH/f9kDBAX/7Y5oeEAfqx1VoIwgD9+L7tDwoD9GHrtRCEAfoQ5xYutv1hYYD2PWgtBGGA9m11JWJIGKBtD14LQRigbf9POxAGaNedT1DeRRigTRGEb2lHwgBtetDlyU3CAO35mXY44TgkDNCWy9XrS9qTMEBb9jqEWBMGaEdchbj3TVi2IQzQhr2uQmwSBmjD5zTCIcSaMED94rzCaRqRMEDd4tLkaIcQa8IA9YpDh70vTd5EGKBOcb9CPCA12nmFIWGAOo16snGTMEB94mTjSZqQMEBdIgqjn2zcJAxQj7ircfIoBGGAOsTtzl/TTIQByhe/nXqSy5K3EQYoW0Rhp/dt3MdhAkoVdzV+Slf3LMxKGKBMcU5h1sOHIYcSUJ5FoxAsBijLLPcp3EcYoBxxOXKUd2DalzDA8uLk4sc08nsq7EMYYFnxINRkT0nuShhgOfEgVDwlOfvlyPsIAyyjmPMJNxEGmFccMsRKKOZ8wk2EAeZT7KHDJmGA6UUI4v6EYg8dNgkDTCued4i7GIu66nAfYYBpVLcShoQBxlflShgSBhhP1SthSBhgHNWvhCFhgP00sxKGhAF29OTJkyKfcxiDN2qBHb18+TIOH5qLQhAGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGICMMNCTy0ePHhX/RqwlEAZ6EQ88/e/Zs2dniXt57JrWNfl+CVMTBloW6+BTavTR6CkJA62KlfAtsRNhoDWxEr788zc7EgZaYiWMRBhogZUwMmGgdlbCBISBWlkJExIGamQlTEwYqImVMBNhoBZx5+LXxCyEgdLFXYufV6/TxGyEgZLFSojzCZ6InJkwUCIrYWHCQGmshAIIA6WwEgoiDJTASiiMMLCYw8NDK6FQ3tqNxbx79+5jEoUiCQOLef78uUOHQgkDkBEGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGNjWxYsXL/5IdOFg9fo9wd3+fr+Ey8vLf63+/k8az38PDg5m/RX1q/+G+Pf/O43j++rf/yU1yPsxcBfvl9ApYeA23lWpY8LAJisBYeAaK4G/CQMhQhAr4SRBEgauYhBRsBL4RRj6ZSVwK2Hok5XAnYShL1YCWxGGflgJbE0Y2mcl8GDC0DYrgZ0IQ5usBPYiDO35uXrFE3+zPrVIW4ShHbES4nbm4wR7EoY2WAmMShjqZiUwCWGol5XAZIShPlYCkxOGulgJzEIY6mAlMCthKJ+VwOyEoVxWAosRhjJZCSxKGMpiJVAEYSiHlUAxhGF5VgLFEYZlWQkUSRiWYSVQNGGYn5VA8YRhPlYC1RCGeVgJVEUYpmUlUCVhmI6VQLWEYXxWAtUThnFZCTRBGMZhJdAUYdiflUBzhGF3VgLNEobdnK1en5KVQKOE4eFiJXxL0DBh2F6shC///A1NE4btWAl0RRjuZiXQJWG4nZVAt4QhZyXQPWG4zkqAJAxrVgIMCMPVnYtfE/BLz2GIuxY/r16nCbim1zDESojzCZeJ3sTh4lj/389To3oLg5XQuYODA4eNW+gpDFYCbKmHMFgJ8ECth8FKgB20GgYrAfbQYhisBNhTS2GwEmAkrYTBSoAR1R4GKwEmUHMYrASYSI1hsBJgYrWFwUqAGdQSBisBZlRDGKwEmFnJYbASYCGlhsFKgAWVFgYrAQpQUhisBChECWGwEqAwS4fBSoACLRUGKwEKtkQYrAQo3JxhsBKgEnOFwUqAikwdhghBrISTBFRjyjBEDCIKVgJUZoowOJcAlRs7DM4lQAPGCsPP1etbshKgCfuGIQ4bYiH8SEAzdg1DHCrEQjhODhugOQ8NgyBAB7YNgyBAR+4LgyBAh24Lg6sM0LFhGGIRfE9XdywKAnQswrBeB2fJ4QKQrsLwMQEM/JYANggDkBEGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGICMMAAZYQAywgBkhAHICAOQEQYgIwxARhiAjDAAGWEAMg/9bdf0LX4h0XkCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACq8hdouPfUCk+KHQAAAABJRU5ErkJggg=='), - // url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFKCAYAAAAwgcXoAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAjGSURBVHgB7d27ctRaFoDh1WBzsQ9wLkVsngHHfglSIOUdgJQiJSfmIUjhJUwGjiGaU7hmzoB7vLA1GPCt21vSlvR9Vao+5lAFbbf+EktbUgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUaxYAEzCfz/NldX9biTK+zGaz/0aLSv1FAYbg6v52I8r4e39rNdCXAoAqCTRApQQaoFICDVApgQaolEADVEqgASol0ACVEmiASgk0QKUEGqBSAg1QKYEGqJRAA1RKoAEqJdAAlRJogEp5ogowJV/3t/9EGV8DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFjELABOMZ/Po6TZrL/sDO29rATA6Vb3t/UoY29/+1f04DDO1w63Ev59uLVGoIGz5GHi9Sjja/QU6EPZvFLv5Uu07FIAUCWBBqiUQANUSqABKiXQAJUSaIBKCTRApQQaoFICDVApgQaolEADVEqgASol0ACVEmiASgl0ANRJoAEqJdAAlfJEFeAs+RSUv6OMsg8FXNw/Ue69/BMAAAAAAAAAAAAAAAAAAAAAQCdmAcBpspNn3flzL1q4EZRAA2PRhLR5vXz4683ryk+/7+j/ixO+vqiM9t6Rr78e899ffvq9za9/FWigdhnNbNVqfA/wyuHr5fgxxqMi0EDfMq4Z3ya4K4fbaMN7XgINdKGJ8OUjW/M1JxBooKSj4c3X5mhYa5bgmwYsoxlHXA0hbo1vJnCW5gRds10Jo4lOCDTws4xvRjiPjvOoeDXohUDDtB09Or4W31dTUAE/CJiWJshNjK8E1RJoGDdBHjCBhvHJCBtZjIAfHAxf7scZ46uHr/brkfCDhGFqVllcCWOL0RJoGIajs+S16Hjfnc3K/XHzefG7cp7b0N6HQEO9qhhdbG5uxosXL6KET58+xb1796IPGef79+/Ho0ePooSXL1/Gq1evok0rAdSkiXIeJVdxgm9tbS22traihJ2dnejTxsZGsffy+vXraJtAQ/+qizJ1EGjoRzNTvhGizAkEGrqVKy56OdHH8Ag0tC9vPpRBXg9RZgECDe3IEGeU82jZOmWWItBQlhEGxQg0XFyG+Lc4CLN9imJ8mGB5ebScc+W8kMTRMsUJNCzGbJnOCDScj5UYdE6g4XR5lHwjHC3TA4GGXx299FqY6Y1Aw3fNagxjDKog0CDMVEqgmbIcX+QY43pAhQSaKXLij0EQaKZEmJfU52OqShvSexFopkCYL2B7ezsePnwYJezu7kZfMsz5FJQPHz5ECe/evYu2OSHCmAkzgybQjJEwMwoCzZgIM6Mi0IxB3ifjZhxc/QejIdAMWX5+84h5PWCEBJohcuUfk+DDzdBklPOo2WeX0fMhZyjyxN/vcTBvhkkQaGq3GgcnAK3MYHIEmlo5AcjkCTQ1MmeGsANQlxxj5DhjNQCBpgr5ObwV7ssMPxBo+macASewU9AX982AMwg0XbM6A85JoOmSi01gAQJNF9xtDpYg0LTNSUBYkp2GtuRRc44znASEJQk0bXDUDAXYgSjJUTMUJNCU4qgZCrMzcVGOmqElAs1F5LK5jLPPEbTAjsUyXA0IHRBoFuVqQOiIQLOIPGr+LZic2axcKubzefSl5PtIbb+XSwFny6Plv0KcJ2lrayv29vaKbO/fv4++ZJyfPHlS7L08fvw42rYScDonAqEnAs1JnAiEngk0x8mRxh/h2YDQK4HmZ2txcGtQIw3omUBzVIbZSAMqIdAkIw2okEDjwhOolEBPW44zbgZQJYGepjwBeGt/ux5AtQR6epqrAo00oHICPS05b/4zLKGDQRDo6TBvhoER6GmwvhkGSKDHzfpmGDCBHi8nA2HgBHqcnAyEERDo8XEyEEZCoMfFI6loRZ+PqSptSO/FP4HHI++n4cpAWrGxsRGl7OzsRF/W1tbi9u3bUcLHjx9jd3c32iTQw5c/wzwZaKUGjIxAD5uVGjBiAj1c4gwjJ9DDlOOMjLOfH4yYHXx4PDMQJsJOPiwZ51sBTIJAD4c1zjAxAj0M4gwTJND1E2eYKIGum/s4w4QJdL1cug0TJ9B1EmdAoCskzsA3Al0XcQb+T6DrIc7ADwS6DuIM/EKg+yfOwLEEul/iDJxIoPsjzsCpLgV9yCsExRk4lUB3L++t4fJt4ExGHN1y4yPg3AS6O+IMLESguyHOwMLMoNuXj6kSZ2BhAt2ua+EZgsCSBLo9q3Gw1hlgKStBGy7vb3+EGT8jsL6+Hpubm1HK27dvoy8bGxvfthJ2dna+bW0S6PIyzn8dvsLg3b17N968eRMlZNDu3LkTfZjNZvHgwYN49uxZlPD06dN4/vx5tMmIo6w8YhZnoAiBLuvPEGegEIEuJ++vcSUAChHoMtxfAyhOoC8uw+xCFKA4gb6YXOt8MwBaINDLa9Y6A7RCoJdjOR3QOoFeTl7CLc5AqwR6cbli41oAtEygF2PFBtAZgT4/KzaATgn0+VixAXROoM8n4+ykINApgT5bjjVWA6BjAn269XCPDaAnAn2yHGk4KQj8Yj6fRxc8UeV4zVNRYPJ2d3dje3s7Smj7EVFn+fz5c5H3koHO70vbPDPveHlS0MUoQK+MOH7lSkGgCgL9o3wiiisFgSoI9Hc5d/49ACoh0N+5Qx1QFYE+kHNnD3wFqiLQ5s5ApaYeaHNnoFpTD3SONsydgSpNOdB5j43rAVCpqQbafTaA6k010O6zAVRvioE2dwYGYWqBtqQOGIwpBdqSOmBQphRoow1gUKYS6OthSR0wMFMIdB413wiAgZlCoI02gEEae6CNNoDBGnOgjTaAQRtzoI02gEEba6CNNoDBG2OgZ2G0AYzA/wBP5hsF50HhogAAAABJRU5ErkJggg=='); + + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQYAAAFjCAYAAADfDKXVAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfiSURBVHgB7d1JblRZGobh45SrhJiWGOQ6EENLSKyABTBmOcwRq2EnTKtUdInBuEln/OkMdB3HTTjiNqd5HinA3YBUSq++24UPUkq/J+jE+/fv09HRURrD27dv0+vXr1OLfksAG4QByAgDkBEGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGICMMAAZYQAywgBkhAHICAOQEQZg05/CAGy6FAYgIwzApnNhADLCAGy6EAZgkzAAGVclgIyTj0DGYgAyZ8IADP2ZLAZgw1n8IQzA0Hn8IQzA0EX8IQzAkEMJICMMwDURhcv44DDBlp4+fZrevHmTxvLq1av04cOHRDHO1h8IA1t7/PhxOjo6SjTrdP2BQwlg7ddiEAYgxGXK8/UnwgCEs+EnwgCEk+EnwgCE0+EnwgDEYcTF8AvCAJxufkEYgO+bXxAG6Nu1y5RrwgB9O7npi8IAfTu+6YvCAP3KrkasCQP06/i2bwgD9Ov0tm8IA/QpLlFe3PZNYYA+/bjrm8IA/YmTjqd3/YAwQH+O7/sBYYC+xHmFH/f9kDBAX/7Y5oeEAfqx1VoIwgD9+L7tDwoD9GHrtRCEAfoQ5xYutv1hYYD2PWgtBGGA9m11JWJIGKBtD14LQRigbf9POxAGaNedT1DeRRigTRGEb2lHwgBtetDlyU3CAO35mXY44TgkDNCWy9XrS9qTMEBb9jqEWBMGaEdchbj3TVi2IQzQhr2uQmwSBmjD5zTCIcSaMED94rzCaRqRMEDd4tLkaIcQa8IA9YpDh70vTd5EGKBOcb9CPCA12nmFIWGAOo16snGTMEB94mTjSZqQMEBdIgqjn2zcJAxQj7ircfIoBGGAOsTtzl/TTIQByhe/nXqSy5K3EQYoW0Rhp/dt3MdhAkoVdzV+Slf3LMxKGKBMcU5h1sOHIYcSUJ5FoxAsBijLLPcp3EcYoBxxOXKUd2DalzDA8uLk4sc08nsq7EMYYFnxINRkT0nuShhgOfEgVDwlOfvlyPsIAyyjmPMJNxEGmFccMsRKKOZ8wk2EAeZT7KHDJmGA6UUI4v6EYg8dNgkDTCued4i7GIu66nAfYYBpVLcShoQBxlflShgSBhhP1SthSBhgHNWvhCFhgP00sxKGhAF29OTJkyKfcxiDN2qBHb18+TIOH5qLQhAGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGICMMNCTy0ePHhX/RqwlEAZ6EQ88/e/Zs2dniXt57JrWNfl+CVMTBloW6+BTavTR6CkJA62KlfAtsRNhoDWxEr788zc7EgZaYiWMRBhogZUwMmGgdlbCBISBWlkJExIGamQlTEwYqImVMBNhoBZx5+LXxCyEgdLFXYufV6/TxGyEgZLFSojzCZ6InJkwUCIrYWHCQGmshAIIA6WwEgoiDJTASiiMMLCYw8NDK6FQ3tqNxbx79+5jEoUiCQOLef78uUOHQgkDkBEGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGNjWxYsXL/5IdOFg9fo9wd3+fr+Ey8vLf63+/k8az38PDg5m/RX1q/+G+Pf/O43j++rf/yU1yPsxcBfvl9ApYeA23lWpY8LAJisBYeAaK4G/CQMhQhAr4SRBEgauYhBRsBL4RRj6ZSVwK2Hok5XAnYShL1YCWxGGflgJbE0Y2mcl8GDC0DYrgZ0IQ5usBPYiDO35uXrFE3+zPrVIW4ShHbES4nbm4wR7EoY2WAmMShjqZiUwCWGol5XAZIShPlYCkxOGulgJzEIY6mAlMCthKJ+VwOyEoVxWAosRhjJZCSxKGMpiJVAEYSiHlUAxhGF5VgLFEYZlWQkUSRiWYSVQNGGYn5VA8YRhPlYC1RCGeVgJVEUYpmUlUCVhmI6VQLWEYXxWAtUThnFZCTRBGMZhJdAUYdiflUBzhGF3VgLNEobdnK1en5KVQKOE4eFiJXxL0DBh2F6shC///A1NE4btWAl0RRjuZiXQJWG4nZVAt4QhZyXQPWG4zkqAJAxrVgIMCMPVnYtfE/BLz2GIuxY/r16nCbim1zDESojzCZeJ3sTh4lj/389To3oLg5XQuYODA4eNW+gpDFYCbKmHMFgJ8ECth8FKgB20GgYrAfbQYhisBNhTS2GwEmAkrYTBSoAR1R4GKwEmUHMYrASYSI1hsBJgYrWFwUqAGdQSBisBZlRDGKwEmFnJYbASYCGlhsFKgAWVFgYrAQpQUhisBChECWGwEqAwS4fBSoACLRUGKwEKtkQYrAQo3JxhsBKgEnOFwUqAikwdhghBrISTBFRjyjBEDCIKVgJUZoowOJcAlRs7DM4lQAPGCsPP1etbshKgCfuGIQ4bYiH8SEAzdg1DHCrEQjhODhugOQ8NgyBAB7YNgyBAR+4LgyBAh24Lg6sM0LFhGGIRfE9XdywKAnQswrBeB2fJ4QKQrsLwMQEM/JYANggDkBEGICMMQEYYgIwwABlhADLCAGSEAcgIA5ARBiAjDEBGGICMMAAZYQAywgBkhAHICAOQEQYgIwxARhiAjDAAGWEAMg/9bdf0LX4h0XkCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACq8hdouPfUCk+KHQAAAABJRU5ErkJggg=='), + // url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAAFKCAYAAAAwgcXoAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAjGSURBVHgB7d27ctRaFoDh1WBzsQ9wLkVsngHHfglSIOUdgJQiJSfmIUjhJUwGjiGaU7hmzoB7vLA1GPCt21vSlvR9Vao+5lAFbbf+EktbUgQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABUaxYAEzCfz/NldX9biTK+zGaz/0aLSv1FAYbg6v52I8r4e39rNdCXAoAqCTRApQQaoFICDVApgQaolEADVEqgASol0ACVEmiASgk0QKUEGqBSAg1QKYEGqJRAA1RKoAEqJdAAlRJogEp5ogowJV/3t/9EGV8DAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFjELABOMZ/Po6TZrL/sDO29rATA6Vb3t/UoY29/+1f04DDO1w63Ev59uLVGoIGz5GHi9Sjja/QU6EPZvFLv5Uu07FIAUCWBBqiUQANUSqABKiXQAJUSaIBKCTRApQQaoFICDVApgQaolEADVEqgASol0ACVEmiASgl0ANRJoAEqJdAAlfJEFeAs+RSUv6OMsg8FXNw/Ue69/BMAAAAAAAAAAAAAAAAAAAAAQCdmAcBpspNn3flzL1q4EZRAA2PRhLR5vXz4683ryk+/7+j/ixO+vqiM9t6Rr78e899ffvq9za9/FWigdhnNbNVqfA/wyuHr5fgxxqMi0EDfMq4Z3ya4K4fbaMN7XgINdKGJ8OUjW/M1JxBooKSj4c3X5mhYa5bgmwYsoxlHXA0hbo1vJnCW5gRds10Jo4lOCDTws4xvRjiPjvOoeDXohUDDtB09Or4W31dTUAE/CJiWJshNjK8E1RJoGDdBHjCBhvHJCBtZjIAfHAxf7scZ46uHr/brkfCDhGFqVllcCWOL0RJoGIajs+S16Hjfnc3K/XHzefG7cp7b0N6HQEO9qhhdbG5uxosXL6KET58+xb1796IPGef79+/Ho0ePooSXL1/Gq1evok0rAdSkiXIeJVdxgm9tbS22traihJ2dnejTxsZGsffy+vXraJtAQ/+qizJ1EGjoRzNTvhGizAkEGrqVKy56OdHH8Ag0tC9vPpRBXg9RZgECDe3IEGeU82jZOmWWItBQlhEGxQg0XFyG+Lc4CLN9imJ8mGB5ebScc+W8kMTRMsUJNCzGbJnOCDScj5UYdE6g4XR5lHwjHC3TA4GGXx299FqY6Y1Aw3fNagxjDKog0CDMVEqgmbIcX+QY43pAhQSaKXLij0EQaKZEmJfU52OqShvSexFopkCYL2B7ezsePnwYJezu7kZfMsz5FJQPHz5ECe/evYu2OSHCmAkzgybQjJEwMwoCzZgIM6Mi0IxB3ifjZhxc/QejIdAMWX5+84h5PWCEBJohcuUfk+DDzdBklPOo2WeX0fMhZyjyxN/vcTBvhkkQaGq3GgcnAK3MYHIEmlo5AcjkCTQ1MmeGsANQlxxj5DhjNQCBpgr5ObwV7ssMPxBo+macASewU9AX982AMwg0XbM6A85JoOmSi01gAQJNF9xtDpYg0LTNSUBYkp2GtuRRc44znASEJQk0bXDUDAXYgSjJUTMUJNCU4qgZCrMzcVGOmqElAs1F5LK5jLPPEbTAjsUyXA0IHRBoFuVqQOiIQLOIPGr+LZic2axcKubzefSl5PtIbb+XSwFny6Plv0KcJ2lrayv29vaKbO/fv4++ZJyfPHlS7L08fvw42rYScDonAqEnAs1JnAiEngk0x8mRxh/h2YDQK4HmZ2txcGtQIw3omUBzVIbZSAMqIdAkIw2okEDjwhOolEBPW44zbgZQJYGepjwBeGt/ux5AtQR6epqrAo00oHICPS05b/4zLKGDQRDo6TBvhoER6GmwvhkGSKDHzfpmGDCBHi8nA2HgBHqcnAyEERDo8XEyEEZCoMfFI6loRZ+PqSptSO/FP4HHI++n4cpAWrGxsRGl7OzsRF/W1tbi9u3bUcLHjx9jd3c32iTQw5c/wzwZaKUGjIxAD5uVGjBiAj1c4gwjJ9DDlOOMjLOfH4yYHXx4PDMQJsJOPiwZ51sBTIJAD4c1zjAxAj0M4gwTJND1E2eYKIGum/s4w4QJdL1cug0TJ9B1EmdAoCskzsA3Al0XcQb+T6DrIc7ADwS6DuIM/EKg+yfOwLEEul/iDJxIoPsjzsCpLgV9yCsExRk4lUB3L++t4fJt4ExGHN1y4yPg3AS6O+IMLESguyHOwMLMoNuXj6kSZ2BhAt2ua+EZgsCSBLo9q3Gw1hlgKStBGy7vb3+EGT8jsL6+Hpubm1HK27dvoy8bGxvfthJ2dna+bW0S6PIyzn8dvsLg3b17N968eRMlZNDu3LkTfZjNZvHgwYN49uxZlPD06dN4/vx5tMmIo6w8YhZnoAiBLuvPEGegEIEuJ++vcSUAChHoMtxfAyhOoC8uw+xCFKA4gb6YXOt8MwBaINDLa9Y6A7RCoJdjOR3QOoFeTl7CLc5AqwR6cbli41oAtEygF2PFBtAZgT4/KzaATgn0+VixAXROoM8n4+ykINApgT5bjjVWA6BjAn269XCPDaAnAn2yHGk4KQj8Yj6fRxc8UeV4zVNRYPJ2d3dje3s7Smj7EVFn+fz5c5H3koHO70vbPDPveHlS0MUoQK+MOH7lSkGgCgL9o3wiiisFgSoI9Hc5d/49ACoh0N+5Qx1QFYE+kHNnD3wFqiLQ5s5ApaYeaHNnoFpTD3SONsydgSpNOdB5j43rAVCpqQbafTaA6k010O6zAVRvioE2dwYGYWqBtqQOGIwpBdqSOmBQphRoow1gUKYS6OthSR0wMFMIdB413wiAgZlCoI02gEEae6CNNoDBGnOgjTaAQRtzoI02gEEba6CNNoDBG2OgZ2G0AYzA/wBP5hsF50HhogAAAABJRU5ErkJggg=='); background-repeat: no-repeat; background-position: top 0 left 0, bottom 0 right 0; background-size: $euiSizeXL * 4, $euiSizeXL * 6; .homSolutionPanel--enterpriseSearch & { background-color: $euiColorSecondary; - //background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABKCAYAAADJwhY8AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANMSURBVHgBzZp7buIwEMYHKC1QuqsF7Up7Hs4Al+Ff4DCcAonrtPuAPjcL1B/YyA0p2JkZK580SuQm6Y+xx4+xiSqumrG+d7/z/rYx9t+WZdZ2lFhXxq4jngfkP2Ov9qquq8jnm9Zu6eBNgD6TImwsoC80ibY1NIe1sRcSVsPYHfFVN9Yy1jG2pUPbFZEUoJMP+kYHWJakAZ0AemuvrPZZJ10B8jsdHFFKWh70BSe07X1GkUoBCCHib+w1qsq1qzivLkU6JDUgTSaT7m63C4ZMCmjgaDwe4zYYMhmgB+cEyPal95IAFsA5fTGQZ4dbdcAzcO7/9wxk7bMH8AfMTvJDUsO+fG2tSfJwvp5qtdqKPgEMEYABekeBo0IEnNODgTzpI0MBfaFhnwUtAQdlBvA+X1gG0Kmw0y0J57QykE9+ASdIHo3hF29cARMO6uYDhhvFGPwfjG0E4BxPxy/gVPFR8/m8MRwOsTosPa3y9KEtigBCpmoAJwV5jGixjtp8EG3xD8noOASKjiT2V6+Jr5YLFo2hDuvkDfEErqa7EZXx4naxWKyIr9b+e6QkU0U/iBcw+2jWnM08E09NtMMqA0JNNUC0ReInlRraE9bodXBOzaoD1rQBuVku9SpmZ7eSL9wjVa864LbqgOpVzJ4bagNyv7/RBozZgymSOuAN8bRTA7RrFM4+DJRpepBbvZAqIDf3jQmrThXbxCS3i5FdduYksXOAjUp5QJt75npvK75whwwclopd4uvV3YgB2m7lG8nouK0rAojkEcnlZTZ+plUCsDEajfom9SYBB31InXA/is64h+8sl0vKsowGgwExBO/99QvKDkXISHQpFxCz2Wx/nU6nVFIniacyHkTOpGevJ2J48sR7UKgHnceCRoiSnvxVVOj2P6C6ZyjHVKljwb7a54KDKtKT2MgpPDECD/ZJSYGedEdaCqW+437BkzgcdG/zOIVKciTgDOTawL2dezfVmYUiyHV+V6lIyQAhDxJwjyHvoPv4SWmFgAiCg1JnFqLgIO6qK1SIVowS0afjUgCin/tNJZOZ2oCIUlRr6aOlWoDwFjZz2CczpQHhKXjsYv8WKilAeAwBgL0R0ZPCHECAvFirzCFb/5hyknPV7zL4DLH0CVGgAAAAAElFTkSuQmCC'), - // url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACBSURBVHgB7dpBDcAwDMVQdyzGH9xojEQjtbIfBEu5fGUx62WPjyEPcgVArgDIFQC5AiBXAOQKgFwBkCsAcgVATh9gsW+4vFIngFwBkCsAcgVArgDIFQC5AiBXAORahJjVm9zpCoBcAZArAHIFQK4AyBUAuQIgVwDkCoBcAZDTB/gBLrgCk8OhuvYAAAAASUVORK5CYII='); + + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABKCAYAAADJwhY8AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANMSURBVHgBzZp7buIwEMYHKC1QuqsF7Up7Hs4Al+Ff4DCcAonrtPuAPjcL1B/YyA0p2JkZK580SuQm6Y+xx4+xiSqumrG+d7/z/rYx9t+WZdZ2lFhXxq4jngfkP2Ov9qquq8jnm9Zu6eBNgD6TImwsoC80ibY1NIe1sRcSVsPYHfFVN9Yy1jG2pUPbFZEUoJMP+kYHWJakAZ0AemuvrPZZJ10B8jsdHFFKWh70BSe07X1GkUoBCCHib+w1qsq1qzivLkU6JDUgTSaT7m63C4ZMCmjgaDwe4zYYMhmgB+cEyPal95IAFsA5fTGQZ4dbdcAzcO7/9wxk7bMH8AfMTvJDUsO+fG2tSfJwvp5qtdqKPgEMEYABekeBo0IEnNODgTzpI0MBfaFhnwUtAQdlBvA+X1gG0Kmw0y0J57QykE9+ASdIHo3hF29cARMO6uYDhhvFGPwfjG0E4BxPxy/gVPFR8/m8MRwOsTosPa3y9KEtigBCpmoAJwV5jGixjtp8EG3xD8noOASKjiT2V6+Jr5YLFo2hDuvkDfEErqa7EZXx4naxWKyIr9b+e6QkU0U/iBcw+2jWnM08E09NtMMqA0JNNUC0ReInlRraE9bodXBOzaoD1rQBuVku9SpmZ7eSL9wjVa864LbqgOpVzJ4bagNyv7/RBozZgymSOuAN8bRTA7RrFM4+DJRpepBbvZAqIDf3jQmrThXbxCS3i5FdduYksXOAjUp5QJt75npvK75whwwclopd4uvV3YgB2m7lG8nouK0rAojkEcnlZTZ+plUCsDEajfom9SYBB31InXA/is64h+8sl0vKsowGgwExBO/99QvKDkXISHQpFxCz2Wx/nU6nVFIniacyHkTOpGevJ2J48sR7UKgHnceCRoiSnvxVVOj2P6C6ZyjHVKljwb7a54KDKtKT2MgpPDECD/ZJSYGedEdaCqW+437BkzgcdG/zOIVKciTgDOTawL2dezfVmYUiyHV+V6lIyQAhDxJwjyHvoPv4SWmFgAiCg1JnFqLgIO6qK1SIVowS0afjUgCin/tNJZOZ2oCIUlRr6aOlWoDwFjZz2CczpQHhKXjsYv8WKilAeAwBgL0R0ZPCHECAvFirzCFb/5hyknPV7zL4DLH0CVGgAAAAAElFTkSuQmCC'), + // url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACBSURBVHgB7dpBDcAwDMVQdyzGH9xojEQjtbIfBEu5fGUx62WPjyEPcgVArgDIFQC5AiBXAOQKgFwBkCsAcgVATh9gsW+4vFIngFwBkCsAcgVArgDIFQC5AiBXAORahJjVm9zpCoBcAZArAHIFQK4AyBUAuQIgVwDkCoBcAZDTB/gBLrgCk8OhuvYAAAAASUVORK5CYII='); background-position: top $euiSizeS left 0, bottom $euiSizeS right $euiSizeS; background-size: $euiSize * 1.25, $euiSizeXL; } .homSolutionPanel--observability & { background-color: $euiColorAccent; - //background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADNSURBVHgB7duxCcIAEEDR08IFrGyz/0pZwVYEIcYF/FWKwHtwXP/hyrvMQbZtu+3rPid3Hf4SKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgcJmDnt6WZfms6/qak/sFeswx3vs85+ScWBAoCBQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgKFLx4KCqcIFEJnAAAAAElFTkSuQmCC'); + + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADNSURBVHgB7duxCcIAEEDR08IFrGyz/0pZwVYEIcYF/FWKwHtwXP/hyrvMQbZtu+3rPid3Hf4SKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgIFAQKAgUBAoCBYGCQEGgcJmDnt6WZfms6/qak/sFeswx3vs85+ScWBAoCBQECgIFgYJAQaAgUBAoCBQECgIFgYJAQaAgUBAoCBQECgKFLx4KCqcIFEJnAAAAAElFTkSuQmCC'); background-position: top $euiSizeS right $euiSizeS; background-size: $euiSizeL * 1.5; } .homSolutionPanel--securitySolution & { background-color: $euiColorDarkestShade; - //background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKRSURBVHgB7d3tSgMxEIXhMeqPQoWC9f4vte5Z3dLvTbKZzCQ5LyxqKwg+tNjdUxQR+RJmXpiOvRDDvPD/kRjGhYvPgbETZlK4+fogxDApPLiNGAaFJ7cD40NYtcKL+76FGNUKK/cRo1Ih4n5gvAtTbQ1i+R5iKBcDgYBADMViIRAxFEuBQMRQKhUCEUOhHAi0YLwJK1IuBCJGwbZAoE8hRpG2QqAFg22oBAQCxkFYdqUgEE6dEyOzkhCIGJmVhkDA4PXvxDQgEMcIiWlBIGIkpAmBiBGZNgQiRkQ1IBAxVqoFgThge1FNCMTN1JNqQyBiPMgCAnHAdpMVBOJm6iJLCA7YLrKEWH4+r3+LPYQIMeY8QKDhlyFeINDQGJ4g0LAY3iDQkBgeIdBwmymvEGgoDM8QaJgBm3cINMSArQUI1P2ArRUI1PVmqiUI1C1GaxCoywFbixCouzFCqxCIyxBPnU6nLjBafkQs7YExHdJyPUCg+WmqZYxeIBAwmv3TticItJseFYcWHxm9QaD5RV9rGD1CIGAcJ4xmztr2CoHms7atYPQMgc4Y3p+qeodAwPiZjnfPGCNAoPMgwSvGKBDINcZIEMgtxmgQyCXGiBDIHcaoEAgYx+n48IAxMgQ6v1nGGmN0COQCgxB/4feAF307KwxCXDe/9dgCgxD3mWAQ4nHAqHrplRDPq3odnBCvq4ZBiPWqYBAiLnUMQsSnikGItObtlAYGIdJTmesQIq/iGITIr+h2ihDbKradIsT2imynCFGmzdspQpRr03VwQpQtG4MQ5cvCIIROyRiE0CsJgxC6RW+nCKFf1FyHEHVaxSBEvV5upwhRv4dzHULYdIdBCLuutlOEsO18HZz/u8E+YMgvrbKfmp8y7IEAAAAASUVORK5CYII='); + + // background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGIAAABiCAYAAACrpQYOAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAKRSURBVHgB7d3tSgMxEIXhMeqPQoWC9f4vte5Z3dLvTbKZzCQ5LyxqKwg+tNjdUxQR+RJmXpiOvRDDvPD/kRjGhYvPgbETZlK4+fogxDApPLiNGAaFJ7cD40NYtcKL+76FGNUKK/cRo1Ih4n5gvAtTbQ1i+R5iKBcDgYBADMViIRAxFEuBQMRQKhUCEUOhHAi0YLwJK1IuBCJGwbZAoE8hRpG2QqAFg22oBAQCxkFYdqUgEE6dEyOzkhCIGJmVhkDA4PXvxDQgEMcIiWlBIGIkpAmBiBGZNgQiRkQ1IBAxVqoFgThge1FNCMTN1JNqQyBiPMgCAnHAdpMVBOJm6iJLCA7YLrKEWH4+r3+LPYQIMeY8QKDhlyFeINDQGJ4g0LAY3iDQkBgeIdBwmymvEGgoDM8QaJgBm3cINMSArQUI1P2ArRUI1PVmqiUI1C1GaxCoywFbixCouzFCqxCIyxBPnU6nLjBafkQs7YExHdJyPUCg+WmqZYxeIBAwmv3TticItJseFYcWHxm9QaD5RV9rGD1CIGAcJ4xmztr2CoHms7atYPQMgc4Y3p+qeodAwPiZjnfPGCNAoPMgwSvGKBDINcZIEMgtxmgQyCXGiBDIHcaoEAgYx+n48IAxMgQ6v1nGGmN0COQCgxB/4feAF307KwxCXDe/9dgCgxD3mWAQ4nHAqHrplRDPq3odnBCvq4ZBiPWqYBAiLnUMQsSnikGItObtlAYGIdJTmesQIq/iGITIr+h2ihDbKradIsT2imynCFGmzdspQpRr03VwQpQtG4MQ5cvCIIROyRiE0CsJgxC6RW+nCKFf1FyHEHVaxSBEvV5upwhRv4dzHULYdIdBCLuutlOEsO18HZz/u8E+YMgvrbKfmp8y7IEAAAAASUVORK5CYII='); background-position: top $euiSizeS left $euiSizeS; background-size: $euiSizeL * 2; } @@ -138,7 +140,7 @@ .homSolutionPanel__customIconContainer { height: 50px; - padding: 5px 5px 5px 5px; + padding: 5px; } .homSolutionPanel__customIcon { diff --git a/src/plugins/home/public/application/components/_welcome.scss b/src/plugins/home/public/application/components/_welcome.scss index 0c5a7d7553d9..9b821be7c400 100644 --- a/src/plugins/home/public/application/components/_welcome.scss +++ b/src/plugins/home/public/application/components/_welcome.scss @@ -10,13 +10,14 @@ .homWelcome__logo { margin-bottom: $euiSizeXL; + @include opensearchDashboardsCircleLogo; @include euiBottomShadowMedium; } .homWelcome__customLogoContainer { height: 80px; - padding: 10px 10px 10px 10px; + padding: 10px; } .homWelcome__customLogo { diff --git a/src/plugins/home/public/application/index.scss b/src/plugins/home/public/application/index.scss index 841415620d69..6cfd4ac975c3 100644 --- a/src/plugins/home/public/application/index.scss +++ b/src/plugins/home/public/application/index.scss @@ -1 +1 @@ -@import 'components/index'; +@import "components/index"; diff --git a/src/plugins/index_pattern_management/public/_templates.scss b/src/plugins/index_pattern_management/public/_templates.scss index 5303537bddab..4c32d1302b7a 100644 --- a/src/plugins/index_pattern_management/public/_templates.scss +++ b/src/plugins/index_pattern_management/public/_templates.scss @@ -4,8 +4,7 @@ padding: $euiSizeL; border-radius: 0 0 $euiBorderRadius $euiBorderRadius; - // sass-lint:disable-block mixins-before-declarations - @include euiBreakpoint('xs', 's') { + @include euiBreakpoint("xs", "s") { text-align: center; } } diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.scss b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.scss index 11ac55b098a5..50e6eda507cd 100644 --- a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.scss +++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_index_pattern_prompt/empty_index_pattern_prompt.scss @@ -1,23 +1,24 @@ -@import '../../../variables'; -@import '../../../templates'; +@import "../../../variables"; +@import "../../../templates"; .inpEmptyIndexPatternPrompt { // override EUI specificity - max-width: $inpEmptyStateMaxWidth !important; // sass-lint:disable-line no-important + max-width: $inpEmptyStateMaxWidth !important; } .inpEmptyIndexPatternPrompt__footer { @extend %inp-empty-state-footer; + // override EUI specificity - align-items: baseline !important; // sass-lint:disable-line no-important + align-items: baseline !important; } .inpEmptyIndexPatternPrompt__title { // override EUI specificity - width: auto !important; // sass-lint:disable-line no-important + width: auto !important; } -@include euiBreakpoint('xs', 's') { +@include euiBreakpoint("xs", "s") { .inpEmptyIndexPatternPrompt__illustration > svg { width: $euiSize * 12; height: auto; diff --git a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_state/empty_state.scss b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_state/empty_state.scss index 37889b9d7c48..2dfdd5de5f85 100644 --- a/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_state/empty_state.scss +++ b/src/plugins/index_pattern_management/public/components/index_pattern_table/empty_state/empty_state.scss @@ -1,9 +1,9 @@ -@import '../../../variables'; -@import '../../../templates'; +@import "../../../variables"; +@import "../../../templates"; .inpEmptyState { // override EUI specificity - max-width: $inpEmptyStateMaxWidth !important; // sass-lint:disable-line no-important + max-width: $inpEmptyStateMaxWidth !important; } .inpEmptyState__cardGrid { diff --git a/src/plugins/input_control_vis/public/components/editor/_index.scss b/src/plugins/input_control_vis/public/components/editor/_index.scss index 9af8f8d6e822..8e52009dc850 100644 --- a/src/plugins/input_control_vis/public/components/editor/_index.scss +++ b/src/plugins/input_control_vis/public/components/editor/_index.scss @@ -1 +1 @@ -@import './control_editor'; +@import "./control_editor"; diff --git a/src/plugins/input_control_vis/public/components/vis/_index.scss b/src/plugins/input_control_vis/public/components/vis/_index.scss index a428a7c1782e..30c975058ba1 100644 --- a/src/plugins/input_control_vis/public/components/vis/_index.scss +++ b/src/plugins/input_control_vis/public/components/vis/_index.scss @@ -1 +1 @@ -@import './vis'; +@import "./vis"; diff --git a/src/plugins/input_control_vis/public/index.scss b/src/plugins/input_control_vis/public/index.scss index 42fded23d776..9b46d9b0bc8f 100644 --- a/src/plugins/input_control_vis/public/index.scss +++ b/src/plugins/input_control_vis/public/index.scss @@ -5,5 +5,5 @@ // icvChart__legend--small // icvChart__legend-isLoading -@import './components/editor/index'; -@import './components/vis/index'; +@import "./components/editor/index"; +@import "./components/vis/index"; diff --git a/src/plugins/inspector/public/index.scss b/src/plugins/inspector/public/index.scss index 5d32f88bccbc..f127509638f3 100644 --- a/src/plugins/inspector/public/index.scss +++ b/src/plugins/inspector/public/index.scss @@ -1 +1 @@ -@import 'views/index'; +@import "views/index"; diff --git a/src/plugins/inspector/public/views/_index.scss b/src/plugins/inspector/public/views/_index.scss index 620a33e96584..acc808ff02db 100644 --- a/src/plugins/inspector/public/views/_index.scss +++ b/src/plugins/inspector/public/views/_index.scss @@ -1,2 +1,2 @@ -@import './data/index'; -@import './requests/index'; +@import "./data/index"; +@import "./requests/index"; diff --git a/src/plugins/inspector/public/views/data/_data_table.scss b/src/plugins/inspector/public/views/data/_data_table.scss index 4a7b5ea20704..093b3e7c7ac7 100644 --- a/src/plugins/inspector/public/views/data/_data_table.scss +++ b/src/plugins/inspector/public/views/data/_data_table.scss @@ -2,7 +2,7 @@ opacity: 0; } -.insDataTableFormat__table tr:hover .insDataTableFormat__filter, -.insDataTableFormat__filter:focus { +.insDataTableFormat__filter:focus, +.insDataTableFormat__table tr:hover .insDataTableFormat__filter { opacity: 1; } diff --git a/src/plugins/inspector/public/views/data/_index.scss b/src/plugins/inspector/public/views/data/_index.scss index fbd150dcf653..814b451e9b72 100644 --- a/src/plugins/inspector/public/views/data/_index.scss +++ b/src/plugins/inspector/public/views/data/_index.scss @@ -1 +1 @@ -@import './data_table'; +@import "./data_table"; diff --git a/src/plugins/inspector/public/views/requests/_index.scss b/src/plugins/inspector/public/views/requests/_index.scss index 59e9c045a18c..0cc84ab7c97b 100644 --- a/src/plugins/inspector/public/views/requests/_index.scss +++ b/src/plugins/inspector/public/views/requests/_index.scss @@ -1 +1 @@ -@import './requests'; +@import "./requests"; diff --git a/src/plugins/management/public/components/management_app/management_app.scss b/src/plugins/management/public/components/management_app/management_app.scss index 00b3e51fb53e..5103d73cea4c 100644 --- a/src/plugins/management/public/components/management_app/management_app.scss +++ b/src/plugins/management/public/components/management_app/management_app.scss @@ -1,6 +1,6 @@ - // Hack because the management wrapper is flat HTML and needs a class .mgtPage__body { - max-width: map-get($euiBreakpoints, 'xl'); + /* stylelint-disable-next-line scss/no-global-function-names */ + max-width: map-get($euiBreakpoints, "xl"); margin: 0 auto; } diff --git a/src/plugins/management/public/components/management_sidebar_nav/management_sidebar_nav.scss b/src/plugins/management/public/components/management_sidebar_nav/management_sidebar_nav.scss index a148c1e141e8..7b134f141d78 100644 --- a/src/plugins/management/public/components/management_sidebar_nav/management_sidebar_nav.scss +++ b/src/plugins/management/public/components/management_sidebar_nav/management_sidebar_nav.scss @@ -3,7 +3,7 @@ margin-right: $euiSize; } -@include euiBreakpoint('xs','s') { +@include euiBreakpoint("xs","s") { .mgtSideBarNav { width: auto; margin-bottom: $euiSize; diff --git a/src/plugins/maps_legacy/public/map/_leaflet_overrides.scss b/src/plugins/maps_legacy/public/map/_leaflet_overrides.scss index 2018878e2708..97cfe4afadc7 100644 --- a/src/plugins/maps_legacy/public/map/_leaflet_overrides.scss +++ b/src/plugins/maps_legacy/public/map/_leaflet_overrides.scss @@ -1,21 +1,24 @@ // SASSTODO: Create these tooltip variables in EUI // And/Or create a tooltip mixin +/* stylelint-disable-next-line function-name-case */ $temp-euiTooltipBackground: tintOrShade($euiColorFullShade, 25%, 90%); $temp-euiTooltipText: $euiColorGhost; // Converted leaflet icon sprite into background svg for custom coloring (dark mode) +/* stylelint-disable-next-line max-line-length */ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 60' height='60' width='600'%3E%3Cg fill='#{hexToRGB($euiTextColor)}'%3E%3Cg%3E%3Cpath d='M18 36v6h6v-6h-6zm4 4h-2v-2h2v2z'/%3E%3Cpath d='M36 18v6h6v-6h-6zm4 4h-2v-2h2v2z'/%3E%3Cpath d='M23.142 39.145l-2.285-2.29 16-15.998 2.285 2.285z'/%3E%3C/g%3E%3Cpath d='M100 24.565l-2.096 14.83L83.07 42 76 28.773 86.463 18z'/%3E%3Cpath d='M140 20h20v20h-20z'/%3E%3Cpath d='M221 30c0 6.078-4.926 11-11 11s-11-4.922-11-11c0-6.074 4.926-11 11-11s11 4.926 11 11z'/%3E%3Cpath d='M270,19c-4.971,0-9,4.029-9,9c0,4.971,5.001,12,9,14c4.001-2,9-9.029,9-14C279,23.029,274.971,19,270,19z M270,31.5c-2.484,0-4.5-2.014-4.5-4.5c0-2.484,2.016-4.5,4.5-4.5c2.485,0,4.5,2.016,4.5,4.5C274.5,29.486,272.485,31.5,270,31.5z'/%3E%3Cg%3E%3Cpath d='M337,30.156v0.407v5.604c0,1.658-1.344,3-3,3h-10c-1.655,0-3-1.342-3-3v-10c0-1.657,1.345-3,3-3h6.345 l3.19-3.17H324c-3.313,0-6,2.687-6,6v10c0,3.313,2.687,6,6,6h10c3.314,0,6-2.687,6-6v-8.809L337,30.156'/%3E%3Cpath d='M338.72 24.637l-8.892 8.892H327V30.7l8.89-8.89z'/%3E%3Cpath d='M338.697 17.826h4v4h-4z' transform='rotate(-134.99 340.703 19.817)'/%3E%3C/g%3E%3Cg%3E%3Cpath d='M381 42h18V24h-18v18zm14-16h2v14h-2V26zm-4 0h2v14h-2V26zm-4 0h2v14h-2V26zm-4 0h2v14h-2V26z'/%3E%3Cpath d='M395 20v-4h-10v4h-6v2h22v-2h-6zm-2 0h-6v-2h6v2z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"; .leaflet-touch .leaflet-bar, .leaflet-draw-actions { - @include euiBottomShadowMedium($color: $euiShadowColorLarge, $opacity: .2); + @include euiBottomShadowMedium($color: $euiShadowColorLarge, $opacity: 0.2); + border: none; } .leaflet-container { background: $euiColorEmptyShade; - //the heatmap layer plugin logs an error to the console when the map is in a 0-sized container + // the heatmap layer plugin logs an error to the console when the map is in a 0-sized container min-width: 1px !important; min-height: 1px !important; } @@ -35,7 +38,9 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s .leaflet-draw-actions, .leaflet-control { a { + /* stylelint-disable-next-line function-name-case */ background-color: lightOrDarkTheme($euiColorEmptyShade, $euiColorLightShade); /* 1 */ + /* stylelint-disable-next-line function-name-case */ border-color: lightOrDarkTheme($euiColorLightShade, $euiColorMediumShade) !important; /* 1 */ color: $euiTextColor !important; /* 1 */ @@ -45,6 +50,10 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s } } +.leaflet-retina .leaflet-draw-toolbar a { + background-image: url($visMapLeafletSprite); /* 1 */ +} + .leaflet-touch .leaflet-bar a:first-child { border-top-left-radius: $euiBorderRadius; border-top-right-radius: $euiBorderRadius; @@ -55,14 +64,12 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s border-bottom-right-radius: $euiBorderRadius; } -.leaflet-retina .leaflet-draw-toolbar a { - background-image: url($visMapLeafletSprite); /* 1 */ -} - .leaflet-control-layers-expanded { padding: 0; margin: 0; + @include fontSize(11px); + font-family: $euiFontFamily; font-weight: $euiFontWeightMedium; line-height: $euiLineHeight; @@ -89,7 +96,9 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s .leaflet-popup-content { margin: 0; + @include euiFontSizeS; + font-weight: $euiFontWeightRegular; word-wrap: break-word; overflow: hidden; @@ -104,7 +113,8 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s } table { - td,th { + td, + th { padding: $euiSizeXS; } } @@ -117,7 +127,8 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s } .leaflet-container .leaflet-control-attribution { - background-color: transparentize($euiColorEmptyShade, .7); + /* stylelint-disable-next-line scss/no-global-function-names */ + background-color: transparentize($euiColorEmptyShade, 0.7); color: $euiColorDarkShade; // attributions are appended in blocks of

tags, this will allow them to display in one line @@ -145,7 +156,7 @@ $visMapLeafletSprite: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/s // Filter to desaturate mapquest tiles img.leaflet-tile { - @if (lightness($euiTextColor) < 50) { + @if lightness($euiTextColor) < 50 { filter: brightness(1.03) grayscale(0.73); } @else { filter: invert(1) brightness(1.75) grayscale(1); diff --git a/src/plugins/maps_legacy/public/map/_legend.scss b/src/plugins/maps_legacy/public/map/_legend.scss index 2c50e214c248..bc023268a618 100644 --- a/src/plugins/maps_legacy/public/map/_legend.scss +++ b/src/plugins/maps_legacy/public/map/_legend.scss @@ -1,16 +1,19 @@ .visMapLegend { @include fontSize(11px); - @include euiBottomShadowMedium($color: $euiShadowColorLarge, $opacity: .1); + @include euiBottomShadowMedium($color: $euiShadowColorLarge, $opacity: 0.1); + font-family: $euiFontFamily; font-weight: $euiFontWeightMedium; line-height: $euiLineHeight; color: $euiColorDarkShade; padding: $euiSizeS; - background: transparentize($euiColorEmptyShade, .2); + /* stylelint-disable-next-line scss/no-global-function-names */ + background: transparentize($euiColorEmptyShade, 0.2); border-radius: $euiBorderRadius; i { @include size($euiSizeS + 2px); + display: inline-block; margin: 3px $euiSizeXS 0 0; border-radius: 50%; diff --git a/src/plugins/maps_legacy/public/map/index.scss b/src/plugins/maps_legacy/public/map/index.scss index f9fc841b9f86..f2a91bbac621 100644 --- a/src/plugins/maps_legacy/public/map/index.scss +++ b/src/plugins/maps_legacy/public/map/index.scss @@ -1,2 +1,2 @@ -@import './leaflet_overrides'; -@import './legend'; +@import "./leaflet_overrides"; +@import "./legend"; diff --git a/src/plugins/opensearch_dashboards_legacy/public/font_awesome/font_awesome.scss b/src/plugins/opensearch_dashboards_legacy/public/font_awesome/font_awesome.scss index 876a920269c4..9f6f813c3fad 100644 --- a/src/plugins/opensearch_dashboards_legacy/public/font_awesome/font_awesome.scss +++ b/src/plugins/opensearch_dashboards_legacy/public/font_awesome/font_awesome.scss @@ -1,23 +1,29 @@ +@import "font-awesome/scss/variables"; +@import "font-awesome/scss/core"; +@import "font-awesome/scss/icons"; + @font-face { - font-family: 'FontAwesome'; - src: url('~font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0'); - src: url('~font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), - url('~font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), - url('~font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), - url('~font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), - url('~font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-family: FontAwesome; + src: url("~font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0"); + src: + url("~font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), + url("~font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), + url("~font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), + url("~font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), + url("~font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } -@import "font-awesome/scss/variables"; -@import "font-awesome/scss/core"; -@import "font-awesome/scss/icons"; - // new file icon .#{$fa-css-prefix}-file-new-o:before { content: $fa-var-file-o; } -.#{$fa-css-prefix}-file-new-o:after { content: $fa-var-plus; position: relative; margin-left: -1.0em; font-size: 0.5em; } +.#{$fa-css-prefix}-file-new-o:after { + content: $fa-var-plus; + position: relative; + margin-left: -1em; + font-size: 0.5em; +} // alias for alert types - allows class="fa fa-{{alertType}}" -.fa-success:before { content: $fa-var-check; } -.fa-danger:before { content: $fa-var-exclamation-circle; } +.fa-success::before { content: $fa-var-check; } +.fa-danger::before { content: $fa-var-exclamation-circle; } diff --git a/src/plugins/opensearch_dashboards_legacy/public/paginate/_paginate.scss b/src/plugins/opensearch_dashboards_legacy/public/paginate/_paginate.scss index e9c1acaf9ee0..ec346aa843c1 100644 --- a/src/plugins/opensearch_dashboards_legacy/public/paginate/_paginate.scss +++ b/src/plugins/opensearch_dashboards_legacy/public/paginate/_paginate.scss @@ -1,6 +1,8 @@ +/* stylelint-disable-next-line selector-type-no-unknown */ paginate { display: block; + /* stylelint-disable-next-line selector-type-no-unknown */ paginate-controls { display: flex; align-items: center; @@ -48,10 +50,9 @@ paginate { .pagination-size { flex: 0 0 auto; - input[type=number] { + input[type="number"] { width: 3em; } } } } - diff --git a/src/plugins/opensearch_dashboards_overview/public/components/_index.scss b/src/plugins/opensearch_dashboards_overview/public/components/_index.scss index b8857d171728..47d0aee1b8d6 100644 --- a/src/plugins/opensearch_dashboards_overview/public/components/_index.scss +++ b/src/plugins/opensearch_dashboards_overview/public/components/_index.scss @@ -1 +1 @@ -@import 'overview'; +@import "overview"; diff --git a/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss b/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss index e18933fb1c38..a22c26453009 100644 --- a/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss +++ b/src/plugins/opensearch_dashboards_overview/public/components/_overview.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ @@ -54,23 +54,29 @@ .osdOverviewApps__item { .osdOverviewApps__group--primary & { - @include euiBreakpoint('m', 'l', 'xl') { + @include euiBreakpoint("m", "l", "xl") { max-width: calc(50% - #{$euiSizeM * 2}); } } .osdOverviewApps__group--secondary & { - @include euiBreakpoint('m', 'l', 'xl') { + @include euiBreakpoint("m", "l", "xl") { max-width: calc(25% - #{$euiSizeM * 2}); } } } -.osdOverviewNews__content article { - & + article { - margin-top: $euiSizeL; +.osdOverviewData--expanded { + flex-direction: column; + + &, + & > * { + margin-bottom: 0 !important; + margin-top: 0 !important; } +} +.osdOverviewNews__content article { &, header { & > * + * { @@ -83,9 +89,13 @@ } } +.osdOverviewNews__content article + article { + margin-top: $euiSizeL; +} + .osdOverviewMore__item { - @include euiBreakpoint('m', 'l', 'xl') { - max-width: calc(33.333333333333333% - #{$euiSizeM * 2}); + @include euiBreakpoint("m", "l", "xl") { + max-width: calc(33.3333% - #{$euiSizeM * 2}); } } @@ -99,35 +109,25 @@ .osdOverviewSupplements--noNews .osdOverviewMore { h2 { - @include euiBreakpoint('m', 'l', 'xl') { + @include euiBreakpoint("m", "l", "xl") { text-align: center; } } .osdOverviewMore__content { - @include euiBreakpoint('m', 'l', 'xl') { + @include euiBreakpoint("m", "l", "xl") { justify-content: center; } } } -.osdOverviewData--expanded { - flex-direction: column; - - &, - & > * { - margin-bottom: 0 !important; - margin-top: 0 !important; - } -} - // Accounting for no `flush="both"` prop on EuiButtonEmpty .osdOverviewDataAdd__actionButton { margin-right: 0; } .osdOverviewDataManage__item:not(:only-child) { - @include euiBreakpoint('m', 'l', 'xl') { + @include euiBreakpoint("m", "l", "xl") { flex: 0 0 calc(50% - #{$euiSizeM * 2}); } } diff --git a/src/plugins/opensearch_dashboards_overview/public/index.scss b/src/plugins/opensearch_dashboards_overview/public/index.scss index 841415620d69..6cfd4ac975c3 100644 --- a/src/plugins/opensearch_dashboards_overview/public/index.scss +++ b/src/plugins/opensearch_dashboards_overview/public/index.scss @@ -1 +1 @@ -@import 'components/index'; +@import "components/index"; diff --git a/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/_exit_full_screen_button.scss b/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/_exit_full_screen_button.scss index dfb0a7a23909..8ae24b7f7cc6 100644 --- a/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/_exit_full_screen_button.scss +++ b/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/_exit_full_screen_button.scss @@ -2,6 +2,10 @@ * 1. override the z-index: 1 applied to all non-eui elements that are in :focus via kui * - see packages/osd-ui-framework/src/global_styling/reset/_reset.scss */ +.dshExitFullScreenButton__icon { + /* stylelint-disable-next-line function-name-case */ + color: makeHighContrastColor($euiColorMediumShade, $euiColorFullShade); +} .dshExitFullScreenButton { @include euiBottomShadow; @@ -12,7 +16,6 @@ display: block; padding: $euiSizeXS $euiSizeS; border: none; - background: none; z-index: 5; background: $euiColorFullShade; border-radius: $euiBorderRadius; @@ -29,9 +32,6 @@ .dshExitFullScreenButton__text { line-height: 1.2; - color: makeHighContrastColor($euiColorMediumShade, $euiColorFullShade); -} - -.dshExitFullScreenButton__icon { + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorMediumShade, $euiColorFullShade); } diff --git a/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/index.scss b/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/index.scss index 82dd33baeb3e..1694024b6844 100644 --- a/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/index.scss +++ b/src/plugins/opensearch_dashboards_react/public/exit_full_screen_button/index.scss @@ -1 +1 @@ -@import './exit_full_screen_button'; +@import "./exit_full_screen_button"; diff --git a/src/plugins/opensearch_dashboards_react/public/field_button/field_button.scss b/src/plugins/opensearch_dashboards_react/public/field_button/field_button.scss index 1b9902f9d572..1f1eb666817c 100644 --- a/src/plugins/opensearch_dashboards_react/public/field_button/field_button.scss +++ b/src/plugins/opensearch_dashboards_react/public/field_button/field_button.scss @@ -1,11 +1,13 @@ .osdFieldButton { @include euiFontSizeS; + border-radius: $euiBorderRadius; margin-bottom: $euiSizeXS; display: flex; align-items: center; - transition: box-shadow $euiAnimSpeedFast $euiAnimSlightResistance, - background-color $euiAnimSpeedFast $euiAnimSlightResistance; // sass-lint:disable-line indentation + transition: + box-shadow $euiAnimSpeedFast $euiAnimSlightResistance, + background-color $euiAnimSpeedFast $euiAnimSlightResistance; &:focus-within, &-isActive { @@ -13,25 +15,6 @@ } } -.osdFieldButton--isDraggable { - background: lightOrDarkTheme($euiColorEmptyShade, $euiColorLightestShade); - - &:hover, - &:focus, - &:focus-within { - @include euiBottomShadowMedium; - border-radius: $euiBorderRadius; - z-index: 2; - } - - .osdFieldButton__button { - &:hover, - &:focus { - cursor: grab; - } - } -} - .osdFieldButton__button { flex-grow: 1; text-align: left; @@ -73,3 +56,24 @@ margin-right: $euiSizeXS; } } + +.osdFieldButton--isDraggable { + /* stylelint-disable-next-line function-name-case */ + background: lightOrDarkTheme($euiColorEmptyShade, $euiColorLightestShade); + + &:hover, + &:focus, + &:focus-within { + @include euiBottomShadowMedium; + + border-radius: $euiBorderRadius; + z-index: 2; + } + + .osdFieldButton__button { + &:hover, + &:focus { + cursor: grab; + } + } +} diff --git a/src/plugins/opensearch_dashboards_react/public/markdown/_markdown.scss b/src/plugins/opensearch_dashboards_react/public/markdown/_markdown.scss index 242e16ecd502..b62ac96449ff 100644 --- a/src/plugins/opensearch_dashboards_react/public/markdown/_markdown.scss +++ b/src/plugins/opensearch_dashboards_react/public/markdown/_markdown.scss @@ -1,5 +1,5 @@ // Default styles for Markdown element -// +// -------- // 1. Links // 2. Headings // 3. Images @@ -13,35 +13,34 @@ // Note: The inlined base font size is set in common/functions/font.js. It should match $osdMdFontSize. $osdDefaultFontSize: 14px; -@function canvasToEm($size) { +@function canvas-to-em($size) { @return #{$size / $osdDefaultFontSize}em; } .osdMarkdown__body { - // Font size variables - $osdMarkdownFontSizeS: canvasToEm(12px); - $osdMarkdownFontSize: canvasToEm(14px); - $osdMarkdownFontSizeL: canvasToEm(20px); - $osdMarkdownFontSizeXL: canvasToEm(28px); - $osdMarkdownFontSizeXXL: canvasToEm(36px); + $osdMarkdownFontSizeS: canvas-to-em(12px); + $osdMarkdownFontSize: canvas-to-em(14px); + $osdMarkdownFontSizeL: canvas-to-em(20px); + $osdMarkdownFontSizeXL: canvas-to-em(28px); + $osdMarkdownFontSizeXXL: canvas-to-em(36px); // Spacing variables - $osdMarkdownSizeL: canvasToEm(24px); - $osdMarkdownSize: canvasToEm(16px); - $osdMarkdownSizeS: canvasToEm(12px); - $osdMarkdownSizeXS: canvasToEm(8px); - $osdMarkdownSizeXXS: canvasToEm(4px); + $osdMarkdownSizeL: canvas-to-em(24px); + $osdMarkdownSize: canvas-to-em(16px); + $osdMarkdownSizeS: canvas-to-em(12px); + $osdMarkdownSizeXS: canvas-to-em(8px); + $osdMarkdownSizeXXS: canvas-to-em(4px); // Grayscale variables - $osdMarkdownAlphaLightestShade: rgba($euiColorFullShade,.05); - $osdMarkdownAlphaLightShade: rgba($euiColorFullShade,.15); - $osdMarkdownAlphaDarkShade: rgba($euiColorFullShade,.65); + $osdMarkdownAlphaLightestShade: rgba($euiColorFullShade, 0.05); + $osdMarkdownAlphaLightShade: rgba($euiColorFullShade, 0.15); + $osdMarkdownAlphaDarkShade: rgba($euiColorFullShade, 0.65); // Reverse grayscale for opposite of theme - $osdMarkdownAlphaLightestShadeReversed: rgba($euiColorEmptyShade,.05); - $osdMarkdownAlphaLightShadeReversed: rgba($euiColorEmptyShade,.15); - $osdMarkdownAlphaDarkShadeReversed: rgba($euiColorEmptyShade,.65); + $osdMarkdownAlphaLightestShadeReversed: rgba($euiColorEmptyShade, 0.05); + $osdMarkdownAlphaLightShadeReversed: rgba($euiColorEmptyShade, 0.15); + $osdMarkdownAlphaDarkShadeReversed: rgba($euiColorEmptyShade, 0.65); &--reversed { color: $euiColorLightestShade; @@ -104,12 +103,14 @@ $osdDefaultFontSize: 14px; h1 { font-size: $osdMarkdownFontSizeXXL; + /* stylelint-disable-next-line number-max-precision */ line-height: 1.333333em; font-weight: 300; } h2 { font-size: $osdMarkdownFontSizeXL; + /* stylelint-disable-next-line number-max-precision */ line-height: 1.428571em; font-weight: 300; } @@ -128,12 +129,14 @@ $osdDefaultFontSize: 14px; h5 { font-size: $osdMarkdownFontSize; + /* stylelint-disable-next-line number-max-precision */ line-height: 1.142857em; font-weight: 700; } h6 { font-size: $osdMarkdownFontSizeS; + /* stylelint-disable-next-line number-max-precision */ line-height: 1.333333em; font-weight: 700; text-transform: uppercase; @@ -151,6 +154,7 @@ $osdDefaultFontSize: 14px; padding: 0 1em; border-left: $osdMarkdownSizeXXS solid $osdMarkdownAlphaLightShade; } + &--reversed blockquote { border-left-color: $osdMarkdownAlphaLightShadeReversed; } @@ -165,6 +169,7 @@ $osdDefaultFontSize: 14px; background-color: $osdMarkdownAlphaLightShade; border: 0; } + &--reversed hr { background-color: $osdMarkdownAlphaLightShadeReversed; } @@ -183,7 +188,7 @@ $osdDefaultFontSize: 14px; // 6. Lists ul, ol { - padding-left: 0; + padding-left: $osdMarkdownSizeL; margin-top: 0; margin-bottom: $osdMarkdownSize; } @@ -191,6 +196,7 @@ $osdDefaultFontSize: 14px; ul { list-style-type: disc; } + ol { list-style-type: decimal; } @@ -204,6 +210,14 @@ $osdDefaultFontSize: 14px; list-style-type: lower-roman; } + ul ul, + ul ol, + ol ol, + ol ul { + margin-top: 0; + margin-bottom: 0; + } + ul ul ol, ul ol ol, ol ul ol, @@ -215,19 +229,6 @@ $osdDefaultFontSize: 14px; margin-left: 0; } - ul, - ol { - padding-left: $osdMarkdownSizeL; - } - - ul ul, - ul ol, - ol ol, - ol ul { - margin-top: 0; - margin-bottom: 0; - } - li > p { margin-bottom: $osdMarkdownSizeXS; } @@ -245,6 +246,7 @@ $osdDefaultFontSize: 14px; border-spacing: 0; border-collapse: collapse; } + &--reversed table { border-left-color: $osdMarkdownAlphaLightShadeReversed; } @@ -254,6 +256,11 @@ $osdDefaultFontSize: 14px; padding: 0; } + &--reversed table th, + &--reversed table td { + border-color: $osdMarkdownAlphaLightShadeReversed; + } + table th, table td { padding: $osdMarkdownSizeXXS $osdMarkdownSizeS; @@ -264,15 +271,12 @@ $osdDefaultFontSize: 14px; border-right: 1px solid $osdMarkdownAlphaLightShade; } } - &--reversed table th, - &--reversed table td { - border-color: $osdMarkdownAlphaLightShadeReversed; - } table tr { background-color: transparent; border-top: 1px solid $osdMarkdownAlphaLightShade; } + &--reversed table tr { border-top-color: $osdMarkdownAlphaLightShadeReversed; } @@ -281,7 +285,7 @@ $osdDefaultFontSize: 14px; code, pre { margin-bottom: $osdMarkdownSizeXS; - font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace; + font-family: Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace; font-size: $osdMarkdownFontSizeS; } @@ -291,6 +295,7 @@ $osdDefaultFontSize: 14px; background-color: $osdMarkdownAlphaLightestShade; border-radius: $osdMarkdownSizeXXS; } + &--reversed code { background-color: $osdMarkdownAlphaLightestShadeReversed; } @@ -305,11 +310,13 @@ $osdDefaultFontSize: 14px; padding: $osdMarkdownSize; overflow: auto; font-size: $osdMarkdownFontSizeS; + /* stylelint-disable-next-line number-max-precision */ line-height: 1.333333em; background-color: $osdMarkdownAlphaLightestShade; border-radius: $osdMarkdownSizeXXS; word-wrap: normal; } + &--reversed pre { background-color: $osdMarkdownAlphaLightestShadeReversed; } diff --git a/src/plugins/opensearch_dashboards_react/public/markdown/index.scss b/src/plugins/opensearch_dashboards_react/public/markdown/index.scss index f997ea5384ea..59deecb75929 100644 --- a/src/plugins/opensearch_dashboards_react/public/markdown/index.scss +++ b/src/plugins/opensearch_dashboards_react/public/markdown/index.scss @@ -1 +1 @@ -@import './markdown'; +@import "./markdown"; diff --git a/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/_overview_page_header.scss b/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/_overview_page_header.scss index c681c542e8ee..fc4949b60685 100644 --- a/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/_overview_page_header.scss +++ b/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/_overview_page_header.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ diff --git a/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/index.scss b/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/index.scss index 4793a599aecf..a06343baf90f 100644 --- a/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/index.scss +++ b/src/plugins/opensearch_dashboards_react/public/overview_page/overview_page_header/index.scss @@ -2,7 +2,7 @@ * SPDX-License-Identifier: Apache-2.0 * * The OpenSearch Contributors require contributions made to - * this file be licensed under the Apache-2.0 license or a + * this file be licensed under the Apache-2.0 license or a * compatible open source license. */ @@ -30,4 +30,4 @@ * GitHub history for details. */ -@import './overview_page_header'; +@import "./overview_page_header"; diff --git a/src/plugins/opensearch_ui_shared/__packages_do_not_import__/ace/_ui_ace_keyboard_mode.scss b/src/plugins/opensearch_ui_shared/__packages_do_not_import__/ace/_ui_ace_keyboard_mode.scss index 4697a47cd78c..dc09d8cf6791 100644 --- a/src/plugins/opensearch_ui_shared/__packages_do_not_import__/ace/_ui_ace_keyboard_mode.scss +++ b/src/plugins/opensearch_ui_shared/__packages_do_not_import__/ace/_ui_ace_keyboard_mode.scss @@ -4,6 +4,7 @@ bottom: 0; right: 0; left: 0; + /* stylelint-disable-next-line scss/no-global-function-names */ background: transparentize($euiColorEmptyShade, 0.3); display: flex; flex-direction: column; diff --git a/src/plugins/saved_objects/public/index.scss b/src/plugins/saved_objects/public/index.scss index fc7bb35f38b1..ebeca6d1f4cb 100644 --- a/src/plugins/saved_objects/public/index.scss +++ b/src/plugins/saved_objects/public/index.scss @@ -1 +1 @@ -@import './save_modal/index'; +@import "./save_modal/index"; diff --git a/src/plugins/saved_objects/public/save_modal/_index.scss b/src/plugins/saved_objects/public/save_modal/_index.scss index 6c773c7f777b..07ff5d627e70 100644 --- a/src/plugins/saved_objects/public/save_modal/_index.scss +++ b/src/plugins/saved_objects/public/save_modal/_index.scss @@ -1 +1 @@ -@import './saved_object_save_modal'; +@import "./saved_object_save_modal"; diff --git a/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.scss b/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.scss index f83dc6db1997..0310fc52d2fe 100644 --- a/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.scss +++ b/src/plugins/saved_objects/public/save_modal/saved_object_save_modal.scss @@ -1,3 +1,3 @@ .osdSavedObjectSaveModal { width: $euiSizeXXL * 10; -} \ No newline at end of file +} diff --git a/src/plugins/share/public/components/_index.scss b/src/plugins/share/public/components/_index.scss index 85168c9ea80f..9f648ce5e12c 100644 --- a/src/plugins/share/public/components/_index.scss +++ b/src/plugins/share/public/components/_index.scss @@ -1 +1 @@ -@import './share_context_menu'; +@import "./share_context_menu"; diff --git a/src/plugins/share/public/index.scss b/src/plugins/share/public/index.scss index 0271fbb8e902..64d4cfa78802 100644 --- a/src/plugins/share/public/index.scss +++ b/src/plugins/share/public/index.scss @@ -1 +1 @@ -@import './components/index' \ No newline at end of file +@import "./components/index" diff --git a/src/plugins/tile_map/public/index.scss b/src/plugins/tile_map/public/index.scss index f4b86b0c3119..aa2117cb0c01 100644 --- a/src/plugins/tile_map/public/index.scss +++ b/src/plugins/tile_map/public/index.scss @@ -5,4 +5,4 @@ // tlmChart__legend--small // tlmChart__legend-isLoading -@import 'tile_map'; +@import "tile_map"; diff --git a/src/plugins/timeline/public/_base.scss b/src/plugins/timeline/public/_base.scss index 616ac9b3486e..4e64d237271a 100644 --- a/src/plugins/timeline/public/_base.scss +++ b/src/plugins/timeline/public/_base.scss @@ -6,14 +6,13 @@ } } -input[type='radio'], -input[type='checkbox'], +input[type="radio"], +input[type="checkbox"], .radio, .checkbox { &[disabled], fieldset[disabled] & { cursor: default; - opacity: .8; + opacity: 0.8; } } - diff --git a/src/plugins/timeline/public/directives/_form.scss b/src/plugins/timeline/public/directives/_form.scss index 3fcf70700a86..2b946ec94791 100644 --- a/src/plugins/timeline/public/directives/_form.scss +++ b/src/plugins/timeline/public/directives/_form.scss @@ -1,5 +1,6 @@ .form-control { @include euiFontSizeS; + display: block; width: 100%; height: $euiFormControlCompressedHeight; @@ -10,7 +11,7 @@ border-radius: $euiBorderRadius; cursor: pointer; - &:not([type='range']) { + &:not([type="range"]) { appearance: none; } @@ -21,7 +22,6 @@ } } -// sass-lint:disable-block no-qualifying-elements select.form-control { // Makes the select arrow similar to EUI's arrowDown icon background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"%3E%3Cpath fill="#{hexToRGB($euiTextColor)}" d="M13.0688508,5.15725038 L8.38423975,9.76827428 C8.17054415,9.97861308 7.82999214,9.97914095 7.61576025,9.76827428 L2.93114915,5.15725038 C2.7181359,4.94758321 2.37277319,4.94758321 2.15975994,5.15725038 C1.94674669,5.36691756 1.94674669,5.70685522 2.15975994,5.9165224 L6.84437104,10.5275463 C7.48517424,11.1582836 8.51644979,11.1566851 9.15562896,10.5275463 L13.8402401,5.9165224 C14.0532533,5.70685522 14.0532533,5.36691756 13.8402401,5.15725038 C13.6272268,4.94758321 13.2818641,4.94758321 13.0688508,5.15725038 Z"/%3E%3C/svg%3E'); diff --git a/src/plugins/timeline/public/directives/_index.scss b/src/plugins/timeline/public/directives/_index.scss index d49b498910b8..94f0b2286101 100644 --- a/src/plugins/timeline/public/directives/_index.scss +++ b/src/plugins/timeline/public/directives/_index.scss @@ -1,8 +1,7 @@ -@import './timeline_expression_input'; -@import './cells/index'; -@import './timeline_expression_suggestions/index'; -@import './timeline_help/index'; -@import './timeline_interval/index'; -@import './saved_object_finder'; -@import './form'; - +@import "./timeline_expression_input"; +@import "./cells/index"; +@import "./timeline_expression_suggestions/index"; +@import "./timeline_help/index"; +@import "./timeline_interval/index"; +@import "./saved_object_finder"; +@import "./form"; diff --git a/src/plugins/timeline/public/directives/_saved_object_finder.scss b/src/plugins/timeline/public/directives/_saved_object_finder.scss index e1a055a5f49e..a6e3d8a16df2 100644 --- a/src/plugins/timeline/public/directives/_saved_object_finder.scss +++ b/src/plugins/timeline/public/directives/_saved_object_finder.scss @@ -1,32 +1,5 @@ -.list-group-menu { - &.select-mode a { - outline: none; - color: tintOrShade($euiColorPrimary, 10%, 10%); - } - - .list-group-menu-item { - list-style: none; - color: tintOrShade($euiColorPrimary, 10%, 10%); - - &.active { - font-weight: bold; - background-color: $euiColorLightShade; - } - - &:hover { - background-color: tintOrShade($euiColorPrimary, 90%, 90%); - } - - li { - list-style: none; - color: tintOrShade($euiColorPrimary, 10%, 10%); - } - } -} - - +/* stylelint-disable-next-line selector-type-no-unknown */ saved-object-finder { - .list-sort-button { border-top-left-radius: 0; border-top-right-radius: 0; @@ -88,7 +61,39 @@ saved-object-finder { } } + .list-group-menu { + &.select-mode a { + outline: none; + /* stylelint-disable-next-line function-name-case */ + color: tintOrShade($euiColorPrimary, 10%, 10%); + } + + .list-group-menu-item { + list-style: none; + /* stylelint-disable-next-line function-name-case */ + color: tintOrShade($euiColorPrimary, 10%, 10%); + + &.active { + font-weight: bold; + background-color: $euiColorLightShade; + } + + &:hover { + /* stylelint-disable-next-line function-name-case */ + background-color: tintOrShade($euiColorPrimary, 90%, 90%); + } + + li { + list-style: none; + /* stylelint-disable-next-line function-name-case */ + color: tintOrShade($euiColorPrimary, 10%, 10%); + } + } + } + + /* stylelint-disable-next-line selector-type-no-unknown */ paginate { + /* stylelint-disable-next-line selector-type-no-unknown */ paginate-controls { margin: $euiSize; } diff --git a/src/plugins/timeline/public/directives/cells/_cells.scss b/src/plugins/timeline/public/directives/cells/_cells.scss index 899bf984e72c..61634a710260 100644 --- a/src/plugins/timeline/public/directives/cells/_cells.scss +++ b/src/plugins/timeline/public/directives/cells/_cells.scss @@ -4,7 +4,6 @@ position: relative; box-sizing: border-box; border: 2px dashed transparent; - // sass-lint:disable-block no-important padding-left: 0 !important; padding-right: 0 !important; margin-bottom: $euiSizeM; @@ -15,10 +14,9 @@ } .timCell.running { - opacity: .5; + opacity: 0.5; } - .timCell__actions { position: absolute; bottom: $euiSizeXS; @@ -27,6 +25,7 @@ > .timCell__action, > .timCell__id { @include euiFontSizeXS; + font-weight: $euiFontWeightBold; color: $euiColorMediumShade; display: inline-block; diff --git a/src/plugins/timeline/public/directives/cells/_index.scss b/src/plugins/timeline/public/directives/cells/_index.scss index 8611b4d8ba1d..c537dd49d304 100644 --- a/src/plugins/timeline/public/directives/cells/_index.scss +++ b/src/plugins/timeline/public/directives/cells/_index.scss @@ -1 +1 @@ -@import './cells'; +@import "./cells"; diff --git a/src/plugins/timeline/public/directives/timeline_expression_suggestions/_index.scss b/src/plugins/timeline/public/directives/timeline_expression_suggestions/_index.scss index 09948bc1c814..e49c9151ff73 100644 --- a/src/plugins/timeline/public/directives/timeline_expression_suggestions/_index.scss +++ b/src/plugins/timeline/public/directives/timeline_expression_suggestions/_index.scss @@ -1 +1 @@ -@import './timeline_expression_suggestions'; +@import "./timeline_expression_suggestions"; diff --git a/src/plugins/timeline/public/directives/timeline_expression_suggestions/_timeline_expression_suggestions.scss b/src/plugins/timeline/public/directives/timeline_expression_suggestions/_timeline_expression_suggestions.scss index 4bf6ba24108d..89b96d11c6fd 100644 --- a/src/plugins/timeline/public/directives/timeline_expression_suggestions/_timeline_expression_suggestions.scss +++ b/src/plugins/timeline/public/directives/timeline_expression_suggestions/_timeline_expression_suggestions.scss @@ -1,9 +1,9 @@ .timSuggestions { @include euiBottomShadowMedium; + background-color: $euiColorLightestShade; color: $euiTextColor; border: $euiBorderThin; - // sass-lint:disable-block no-important border-radius: 0 0 $euiBorderRadius $euiBorderRadius !important; z-index: $euiZLevel9; max-height: $euiSizeXL * 10; diff --git a/src/plugins/timeline/public/directives/timeline_help/_index.scss b/src/plugins/timeline/public/directives/timeline_help/_index.scss index 595b61988b2b..763746e95a10 100644 --- a/src/plugins/timeline/public/directives/timeline_help/_index.scss +++ b/src/plugins/timeline/public/directives/timeline_help/_index.scss @@ -1 +1 @@ -@import './timeline_help'; +@import "./timeline_help"; diff --git a/src/plugins/timeline/public/directives/timeline_help/_timeline_help.scss b/src/plugins/timeline/public/directives/timeline_help/_timeline_help.scss index 27d2311b62bd..80013b11da28 100644 --- a/src/plugins/timeline/public/directives/timeline_help/_timeline_help.scss +++ b/src/plugins/timeline/public/directives/timeline_help/_timeline_help.scss @@ -1,7 +1,8 @@ .timHelp { // EUITODO: Make .euiText > code background transparent code { - background-color: transparentize($euiTextColor, .9); + /* stylelint-disable-next-line scss/no-global-function-names */ + background-color: transparentize($euiTextColor, 0.9); } } @@ -20,6 +21,5 @@ */ .timHelp__functionsTableRow:hover, .timHelp__functionDetailsTable { - // sass-lint:disable-block no-important background-color: $euiColorLightestShade !important; /* 1 */ } diff --git a/src/plugins/timeline/public/directives/timeline_interval/_index.scss b/src/plugins/timeline/public/directives/timeline_interval/_index.scss index a1e91ae98526..fb597657a0a7 100644 --- a/src/plugins/timeline/public/directives/timeline_interval/_index.scss +++ b/src/plugins/timeline/public/directives/timeline_interval/_index.scss @@ -1 +1 @@ -@import './timeline_interval'; +@import "./timeline_interval"; diff --git a/src/plugins/timeline/public/index.scss b/src/plugins/timeline/public/index.scss index 060c5e8044a0..8c2a25c383a6 100644 --- a/src/plugins/timeline/public/index.scss +++ b/src/plugins/timeline/public/index.scss @@ -7,12 +7,12 @@ // timChart__legend--small // timChart__legend-isLoading -@import './app'; -@import './base'; -@import './directives/index'; +@import "./app"; +@import "./base"; +@import "./directives/index"; // these styles is needed to be loaded here explicitly if the timeline visualization was not opened in browser // styles for timeline visualization are lazy loaded only while a vis is opened // this will duplicate styles only if both Timeline app and timeline visualization are loaded // could be left here as it is since the Timeline app is deprecated -@import '../../vis_type_timeline/public/components/timeline_vis.scss'; +@import "../../vis_type_timeline/public/components/timeline_vis"; diff --git a/src/plugins/vis_default_editor/public/_default.scss b/src/plugins/vis_default_editor/public/_default.scss index c34fb465d7b5..8a71ee4f04c9 100644 --- a/src/plugins/vis_default_editor/public/_default.scss +++ b/src/plugins/vis_default_editor/public/_default.scss @@ -2,7 +2,7 @@ flex: 1 1 auto; display: flex; - @include euiBreakpoint('xs', 's', 'm') { + @include euiBreakpoint("xs", "s", "m") { flex-direction: column; } } @@ -18,12 +18,12 @@ position: relative; flex-shrink: 0; - @include euiBreakpoint('xs', 's', 'm') { + @include euiBreakpoint("xs", "s", "m") { // If we are on a small screen we force the editor to take 100% width. width: 100% !important; } - @include euiBreakpoint('l', 'xl') { + @include euiBreakpoint("l", "xl") { max-width: 75%; } } @@ -37,7 +37,7 @@ display: none; } - @include euiBreakpoint('xs', 's', 'm') { + @include euiBreakpoint("xs", "s", "m") { height: $euiSizeXXL; // Just enough room for the collapse button width: 100% !important; } @@ -55,7 +55,8 @@ .visEditor__resizer { @include osdResizer($euiSizeM); - @include euiBreakpoint('xs', 's', 'm') { + + @include euiBreakpoint("xs", "s", "m") { display: none; } } @@ -73,7 +74,7 @@ flex: 1 1 auto; // Fixes IE bug: the editor overflows a visualization on small screens overflow: hidden; - @include euiBreakpoint('xs', 's', 'm') { + @include euiBreakpoint("xs", "s", "m") { // If we are on a small screen we force the visualization to take 100% width. width: 100% !important; } diff --git a/src/plugins/vis_default_editor/public/_sidebar.scss b/src/plugins/vis_default_editor/public/_sidebar.scss index 42f7c4e6a892..9ec41de6e30c 100644 --- a/src/plugins/vis_default_editor/public/_sidebar.scss +++ b/src/plugins/vis_default_editor/public/_sidebar.scss @@ -1,6 +1,4 @@ -// // LAYOUT -// .visEditorSidebar { min-width: $vis-editor-sidebar-min-width; @@ -13,6 +11,7 @@ .visEditorSidebar__form { @include flex-parent(1, 1, auto); + max-width: 100%; } @@ -23,9 +22,10 @@ flex-grow: 0; } - @include euiBreakpoint('l', 'xl') { + @include euiBreakpoint("l", "xl") { @include flex-parent(1, 1, 1px); @include euiScrollBar; + overflow: auto; } } @@ -34,9 +34,7 @@ display: none; } -// // NAVIGATION -// .visEditorSidebar__titleContainer { padding: $euiSizeS $euiSizeXL $euiSizeS $euiSizeS; // Extra padding on the right for the collapse button @@ -52,9 +50,7 @@ flex-grow: 0; } -// // SECTIONS -// .visEditorSidebar__section { background-color: $euiColorEmptyShade; @@ -69,6 +65,7 @@ // Collapsible section .visEditorSidebar__collapsible { + /* stylelint-disable-next-line function-name-case */ background-color: lightOrDarkTheme($euiPageBackgroundColor, $euiColorLightestShade); } @@ -76,9 +73,7 @@ margin-bottom: $euiSizeM; } -// // FORMS -// .visEditorSidebar__formRow { display: flex; diff --git a/src/plugins/vis_default_editor/public/index.scss b/src/plugins/vis_default_editor/public/index.scss index 6abb45dc546a..1f6b50590530 100644 --- a/src/plugins/vis_default_editor/public/index.scss +++ b/src/plugins/vis_default_editor/public/index.scss @@ -1,9 +1,9 @@ $vis-editor-sidebar-min-width: 350px; // Main layout -@import './default'; -@import './sidebar'; +@import "./default"; +@import "./sidebar"; // Components -@import './agg'; -@import './agg_params'; +@import "./agg"; +@import "./agg_params"; diff --git a/src/plugins/vis_type_markdown/public/markdown_vis.scss b/src/plugins/vis_type_markdown/public/markdown_vis.scss index 2356562a86ed..97cfc4b151c7 100644 --- a/src/plugins/vis_type_markdown/public/markdown_vis.scss +++ b/src/plugins/vis_type_markdown/public/markdown_vis.scss @@ -12,7 +12,7 @@ .visEditor--markdown { .visEditorSidebar__config > *, - .visEditor--markdown__textarea { + .visEditor--markdown__textarea { flex-grow: 1; } diff --git a/src/plugins/vis_type_metric/public/components/metric_vis.scss b/src/plugins/vis_type_metric/public/components/metric_vis.scss index 5665ba8e8d09..b47b644f7a89 100644 --- a/src/plugins/vis_type_metric/public/components/metric_vis.scss +++ b/src/plugins/vis_type_metric/public/components/metric_vis.scss @@ -8,14 +8,14 @@ .mtrVis { width: 100%; display: flex; - flex-direction: row; + flex-flow: row wrap; justify-content: center; align-items: center; - flex-wrap: wrap; } .mtrVis__value { @include euiTextTruncate; + font-weight: $euiFontWeightBold; } @@ -33,7 +33,8 @@ transition: transform $euiAnimSpeedNormal $euiAnimSlightResistance; transform: translate(0, 0); - &:hover, &:focus { + &:hover, + &:focus { box-shadow: none; transform: translate(0, -2px); } diff --git a/src/plugins/vis_type_table/public/_table_vis.scss b/src/plugins/vis_type_table/public/_table_vis.scss index c235f67615e2..ea4b4d0d1c98 100644 --- a/src/plugins/vis_type_table/public/_table_vis.scss +++ b/src/plugins/vis_type_table/public/_table_vis.scss @@ -10,7 +10,7 @@ .table-vis-container { osd-agg-table-group > .table > tbody > tr > td { - border-top: 0px; + border-top: 0; } .pagination-other-pages { diff --git a/src/plugins/vis_type_table/public/agg_table/_index.scss b/src/plugins/vis_type_table/public/agg_table/_index.scss index 340e08a76f1b..ed94e8449120 100644 --- a/src/plugins/vis_type_table/public/agg_table/_index.scss +++ b/src/plugins/vis_type_table/public/agg_table/_index.scss @@ -1 +1 @@ -@import './agg_table'; +@import "./agg_table"; diff --git a/src/plugins/vis_type_table/public/index.scss b/src/plugins/vis_type_table/public/index.scss index 0972c85e0dbe..d21bf5262602 100644 --- a/src/plugins/vis_type_table/public/index.scss +++ b/src/plugins/vis_type_table/public/index.scss @@ -5,6 +5,6 @@ // tbvChart__legend--small // tbvChart__legend-isLoading -@import './agg_table/index'; -@import './paginated_table/index'; -@import './table_vis'; +@import "./agg_table/index"; +@import "./paginated_table/index"; +@import "./table_vis"; diff --git a/src/plugins/vis_type_table/public/paginated_table/_index.scss b/src/plugins/vis_type_table/public/paginated_table/_index.scss index 23d56c09b281..66275b5c7da8 100644 --- a/src/plugins/vis_type_table/public/paginated_table/_index.scss +++ b/src/plugins/vis_type_table/public/paginated_table/_index.scss @@ -1 +1 @@ -@import './_table_cell_filter'; +@import "./table_cell_filter"; diff --git a/src/plugins/vis_type_table/public/paginated_table/_table_cell_filter.scss b/src/plugins/vis_type_table/public/paginated_table/_table_cell_filter.scss index 3deece36b2c6..45f312eb5fa1 100644 --- a/src/plugins/vis_type_table/public/paginated_table/_table_cell_filter.scss +++ b/src/plugins/vis_type_table/public/paginated_table/_table_cell_filter.scss @@ -1,3 +1,8 @@ +.osdTableCellFilter__hover-show { + // so that the cell doesn't change size on hover + visibility: hidden; +} + .osdTableCellFilter__hover { position: relative; @@ -23,8 +28,3 @@ } } } - -.osdTableCellFilter__hover-show { - // so that the cell doesn't change size on hover - visibility: hidden; -} diff --git a/src/plugins/vis_type_tagcloud/public/components/tag_cloud.scss b/src/plugins/vis_type_tagcloud/public/components/tag_cloud.scss index 37867f1ed1c1..18ca7720ce10 100644 --- a/src/plugins/vis_type_tagcloud/public/components/tag_cloud.scss +++ b/src/plugins/vis_type_tagcloud/public/components/tag_cloud.scss @@ -5,7 +5,8 @@ // tgcChart__legend--small // tgcChart__legend-isLoading -.tgcChart__container, .tgcChart__wrapper { +.tgcChart__container, +.tgcChart__wrapper { flex: 1 1 0; display: flex; } diff --git a/src/plugins/vis_type_timeline/public/components/timeline_vis.scss b/src/plugins/vis_type_timeline/public/components/timeline_vis.scss index c4d591bc82ca..cdcb4253eb13 100644 --- a/src/plugins/vis_type_timeline/public/components/timeline_vis.scss +++ b/src/plugins/vis_type_timeline/public/components/timeline_vis.scss @@ -9,6 +9,7 @@ .chart-top-title { @include euiFontSizeXS; + flex: 0; text-align: center; font-weight: $euiFontWeightBold; diff --git a/src/plugins/vis_type_timeline/public/timeline_options.scss b/src/plugins/vis_type_timeline/public/timeline_options.scss index 14014b008e2c..5a707a06ee12 100644 --- a/src/plugins/vis_type_timeline/public/timeline_options.scss +++ b/src/plugins/vis_type_timeline/public/timeline_options.scss @@ -19,7 +19,7 @@ left: 0; } -@include euiBreakpoint('xs', 's', 'm') { +@include euiBreakpoint("xs", "s", "m") { .timExpressionInput__editor { flex: auto; height: $euiSize * 15; diff --git a/src/plugins/vis_type_timeseries/public/application/_tvb_editor.scss b/src/plugins/vis_type_timeseries/public/application/_tvb_editor.scss index 9864c72b7662..73ef76931ff1 100644 --- a/src/plugins/vis_type_timeseries/public/application/_tvb_editor.scss +++ b/src/plugins/vis_type_timeseries/public/application/_tvb_editor.scss @@ -2,4 +2,3 @@ overflow-y: auto; overflow-x: hidden; } - diff --git a/src/plugins/vis_type_timeseries/public/application/_variables.scss b/src/plugins/vis_type_timeseries/public/application/_variables.scss index 0107c5569d73..cabbf9cf6aa2 100644 --- a/src/plugins/vis_type_timeseries/public/application/_variables.scss +++ b/src/plugins/vis_type_timeseries/public/application/_variables.scss @@ -1,13 +1,17 @@ -$tvbLineColor: transparentize($euiColorFullShade, .8); -$tvbLineColorReversed: transparentize($euiColorEmptyShade, .6); - -$tvbTextColor: transparentize($euiColorFullShade, .6); -$tvbTextColorReversed: transparentize($euiColorEmptyShade, .4); - -$tvbValueColor: transparentize($euiColorFullShade, .3); -$tvbValueColorReversed: transparentize($euiColorEmptyShade, .2); - -$tvbHoverBackgroundColor: transparentize($euiColorFullShade, .9); -$tvbHoverBackgroundColorReversed: transparentize($euiColorEmptyShade, .9); - +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbLineColor: transparentize($euiColorFullShade, 0.8); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbLineColorReversed: transparentize($euiColorEmptyShade, 0.6); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbTextColor: transparentize($euiColorFullShade, 0.6); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbTextColorReversed: transparentize($euiColorEmptyShade, 0.4); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbValueColor: transparentize($euiColorFullShade, 0.3); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbValueColorReversed: transparentize($euiColorEmptyShade, 0.2); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbHoverBackgroundColor: transparentize($euiColorFullShade, 0.9); +/* stylelint-disable-next-line scss/no-global-function-names */ +$tvbHoverBackgroundColorReversed: transparentize($euiColorEmptyShade, 0.9); $tvbSplitBlockVisMinSize: $euiSize * 12; diff --git a/src/plugins/vis_type_timeseries/public/application/components/_annotations_editor.scss b/src/plugins/vis_type_timeseries/public/application/components/_annotations_editor.scss index 99e024c9c519..72fac4d4ce3e 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/_annotations_editor.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/_annotations_editor.scss @@ -3,7 +3,7 @@ background-color: $euiColorLightestShade; } -@include euiPanel('.tvbAnnotationsEditor'); +@include euiPanel(".tvbAnnotationsEditor"); .tvbAnnotationsEditor { margin-bottom: $euiSize; diff --git a/src/plugins/vis_type_timeseries/public/application/components/_color_picker.scss b/src/plugins/vis_type_timeseries/public/application/components/_color_picker.scss index 9d50b0875dd0..e9b2aa2d4a1b 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/_color_picker.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/_color_picker.scss @@ -1,6 +1,6 @@ // EUITODO: Convert to EuiColorPicker -@import 'node_modules/@elastic/eui/src/components/color_picker/index'; +@import "node_modules/@elastic/eui/src/components/color_picker/index"; .tvbColorPicker { display: flex; diff --git a/src/plugins/vis_type_timeseries/public/application/components/_index.scss b/src/plugins/vis_type_timeseries/public/application/components/_index.scss index 4ee5c1863946..ca8e86626610 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/_index.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/_index.scss @@ -1,15 +1,14 @@ -@import './annotations_editor'; -@import './color_rules'; -@import './color_picker'; -@import './error'; -@import './no_data'; -@import './markdown_editor'; -@import './series_editor'; -@import './vis_editor'; -@import './vis_editor_visualization'; -@import './vis_picker'; -@import './vis_with_splits'; - -@import './aggs/index'; -@import './panel_config/index'; -@import './vis_types/index'; +@import "./annotations_editor"; +@import "./color_rules"; +@import "./color_picker"; +@import "./error"; +@import "./no_data"; +@import "./markdown_editor"; +@import "./series_editor"; +@import "./vis_editor"; +@import "./vis_editor_visualization"; +@import "./vis_picker"; +@import "./vis_with_splits"; +@import "./aggs/index"; +@import "./panel_config/index"; +@import "./vis_types/index"; diff --git a/src/plugins/vis_type_timeseries/public/application/components/_no_data.scss b/src/plugins/vis_type_timeseries/public/application/components/_no_data.scss index 63aaa61301a5..a7a5afd2832e 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/_no_data.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/_no_data.scss @@ -7,11 +7,15 @@ justify-content: center; // Calculate colors similar to EuiCallout + /* stylelint-disable-next-line function-name-case */ $tempBackgroundColor: tintOrShade($euiColorPrimary, 90%, 70%); + background-color: $tempBackgroundColor; .tvbNoData__title { - @include euiTitle('xs'); + @include euiTitle("xs"); + + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorPrimary, $tempBackgroundColor); } } diff --git a/src/plugins/vis_type_timeseries/public/application/components/_series_editor.scss b/src/plugins/vis_type_timeseries/public/application/components/_series_editor.scss index 82d1f4ea6267..19b493f1014a 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/_series_editor.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/_series_editor.scss @@ -2,7 +2,7 @@ padding: $euiSize; } -@include euiPanel('.tvbSeriesEditor'); +@include euiPanel(".tvbSeriesEditor"); .tvbSeriesEditor { margin-bottom: $euiSize; diff --git a/src/plugins/vis_type_timeseries/public/application/components/_vis_with_splits.scss b/src/plugins/vis_type_timeseries/public/application/components/_vis_with_splits.scss index 36ab49c0cc80..25f5ba575612 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/_vis_with_splits.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/_vis_with_splits.scss @@ -1,10 +1,13 @@ .tvbSplitVis { width: 100%; display: flex; + // Allow wrapping beyond 4 in a row flex-wrap: wrap; + // Space out each vis instead of clumping in the center to utilize more hoizontal space justify-content: space-around; + // Stretch the all the heights so that prior to wrapping the vis' take up the full panel height align-items: stretch; } @@ -13,6 +16,7 @@ // This maintains that each vis will be at least 1/4 of the panel's width // but it will also grow to fill the space if there are less than 4 in a row flex: 1 0 25%; + // Ensure a minimum width is acheived on smaller width panels min-width: $tvbSplitBlockVisMinSize; display: flex; diff --git a/src/plugins/vis_type_timeseries/public/application/components/aggs/_index.scss b/src/plugins/vis_type_timeseries/public/application/components/aggs/_index.scss index cf423d36ef48..c3fc18e284fa 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/aggs/_index.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/aggs/_index.scss @@ -1 +1 @@ -@import './agg_row'; +@import "./agg_row"; diff --git a/src/plugins/vis_type_timeseries/public/application/components/panel_config/_index.scss b/src/plugins/vis_type_timeseries/public/application/components/panel_config/_index.scss index b2c1b560dcdb..147447dcb161 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/panel_config/_index.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/panel_config/_index.scss @@ -1 +1 @@ -@import './panel_config'; +@import "./panel_config"; diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/_index.scss b/src/plugins/vis_type_timeseries/public/application/components/vis_types/_index.scss index a2918916c4c4..1e14764e209f 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/vis_types/_index.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/vis_types/_index.scss @@ -1,3 +1,2 @@ -@import './vis_types'; - -@import './markdown/markdown'; +@import "./vis_types"; +@import "./markdown/markdown"; diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/_vis_types.scss b/src/plugins/vis_type_timeseries/public/application/components/vis_types/_vis_types.scss index c445d456a170..f7cfa98d82cb 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/vis_types/_vis_types.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/vis_types/_vis_types.scss @@ -11,21 +11,24 @@ .tvbVisTimeSeries { overflow: hidden; } + .tvbVisTimeSeriesDark { .echReactiveChart_unavailable { - color: #DFE5EF; + color: #dfe5ef; } - .echLegendItem { - color: #DFE5EF; + + .echLegendItem { + color: #dfe5ef; } } + .tvbVisTimeSeriesLight { .echReactiveChart_unavailable { color: #343741; } - .echLegendItem { + + .echLegendItem { color: #343741; } } } - diff --git a/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/_markdown.scss b/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/_markdown.scss index 92037c80e717..8e79bcde79e7 100644 --- a/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/_markdown.scss +++ b/src/plugins/vis_type_timeseries/public/application/components/vis_types/markdown/_markdown.scss @@ -7,6 +7,7 @@ .tvbMarkdown__content { @include euiScrollBar; + display: flex; flex-direction: column; flex: 1 0 auto; @@ -29,5 +30,3 @@ overflow: auto; } } - - diff --git a/src/plugins/vis_type_timeseries/public/application/index.scss b/src/plugins/vis_type_timeseries/public/application/index.scss index 0c7f7f5221ef..4452a4a08f85 100644 --- a/src/plugins/vis_type_timeseries/public/application/index.scss +++ b/src/plugins/vis_type_timeseries/public/application/index.scss @@ -5,14 +5,14 @@ // tvbChart__legend--small // tvbChart__legend-isLoading -@import './variables'; -@import './mixins'; +@import "./variables"; +@import "./mixins"; // Library overrides -@import './tvb_editor'; +@import "./tvb_editor"; // Components -@import './components/index'; +@import "./components/index"; // Visualizations -@import './visualizations/views/index'; +@import "./visualizations/views/index"; diff --git a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_annotation.scss b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_annotation.scss index 3f7e9d502500..57904da66723 100644 --- a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_annotation.scss +++ b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_annotation.scss @@ -19,6 +19,7 @@ .tvbVisAnnotation__tooltip { @include euiFontSizeXS; + padding: $euiSizeS; animation-duration: 0s; animation-delay: 0s; diff --git a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_gauge.scss b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_gauge.scss index 7f3c049a131d..a73ac1fec538 100644 --- a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_gauge.scss +++ b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_gauge.scss @@ -32,7 +32,7 @@ .tvbVisGauge__label { color: $tvbTextColor; - font-size: .5em; /* 1 */ + font-size: 0.5em; /* 1 */ line-height: 1em; /* 1 */ text-align: center; padding: 0 $euiSizeS $euiSizeXS; @@ -44,7 +44,7 @@ .tvbVisGauge__value { color: $tvbValueColor; - font-size: .9em; /* 1 */ + font-size: 0.9em; /* 1 */ line-height: 1em; /* 1 */ text-align: center; @@ -55,7 +55,8 @@ .tvbVisGauge__additionalLabel { @include euiTextTruncate; - font-size: .4em; /* 1 */ + + font-size: 0.4em; /* 1 */ line-height: 1.2em; /* 1 */ width: 100%; padding: 2px $euiSizeXS; diff --git a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_index.scss b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_index.scss index ddd560480180..dbde9427fa1a 100644 --- a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_index.scss +++ b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_index.scss @@ -1,5 +1,4 @@ -@import './annotation'; -@import './gauge'; -@import './metric'; - -@import './top_n'; +@import "./annotation"; +@import "./gauge"; +@import "./metric"; +@import "./top_n"; diff --git a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_metric.scss b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_metric.scss index ae065f66d85c..bc3a2f291711 100644 --- a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_metric.scss +++ b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_metric.scss @@ -34,11 +34,10 @@ .tvbVisMetric__label--primary { color: $tvbTextColor; text-align: center; - font-size: .5em; /* 1 */ - margin-bottom: .25em; /* 1 */ + font-size: 0.5em; /* 1 */ + margin-bottom: 0.25em; /* 1 */ line-height: 1em; /* 1 */ - // sass-lint:disable-block mixins-before-declarations // these need to come after the base/normal styles @include tvbVisMetricReversedColor { color: $tvbTextColorReversed; @@ -52,7 +51,6 @@ font-weight: $euiFontWeightBold; line-height: 1em; /* 1 */ - // sass-lint:disable-block mixins-before-declarations // these need to come after the base/normal styles @include tvbVisMetricReversedColor { color: $tvbValueColorReversed; @@ -63,16 +61,15 @@ display: flex; justify-content: center; align-items: center; - margin-top: .05em; /* 1 */ + margin-top: 0.05em; /* 1 */ } .tvbVisMetric__label--secondary { - font-size: .35em; /* 1 */ - margin-right: .3em; /* 1 */ + font-size: 0.35em; /* 1 */ + margin-right: 0.3em; /* 1 */ color: $tvbTextColor; line-height: 1em; /* 1 */ - // sass-lint:disable-block mixins-before-declarations // these need to come after the base/normal styles @include tvbVisMetricReversedColor { color: $tvbTextColorReversed; @@ -80,11 +77,10 @@ } .tvbVisMetric__value--secondary { - font-size: .35em; /* 1 */ + font-size: 0.35em; /* 1 */ color: $tvbValueColor; line-height: 1em; /* 1 */ - // sass-lint:disable-block mixins-before-declarations // these need to come after the base/normal styles @include tvbVisMetricReversedColor { color: $tvbValueColorReversed; @@ -98,13 +94,13 @@ .tvbVisMetric__label--additional { @include euiTextTruncate; - font-size: .25em; /* 1 */ + + font-size: 0.25em; /* 1 */ padding: ($euiSizeXS / 2) 0 0; text-align: center; color: $tvbValueColor; line-height: 1.2; // Ensure the descenders don't get cut off - // sass-lint:disable-block mixins-before-declarations // these need to come after the base/normal styles @include tvbVisMetricReversedColor { color: $tvbValueColorReversed; diff --git a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_top_n.scss b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_top_n.scss index fb6be95dba2a..07d656c0ca6e 100644 --- a/src/plugins/vis_type_timeseries/public/application/visualizations/views/_top_n.scss +++ b/src/plugins/vis_type_timeseries/public/application/visualizations/views/_top_n.scss @@ -1,5 +1,3 @@ - - .tvbVisTopN { position: relative; overflow: auto; diff --git a/src/plugins/vis_type_vega/public/_vega_editor.scss b/src/plugins/vis_type_vega/public/_vega_editor.scss index 709aaa2030f6..da5382745014 100644 --- a/src/plugins/vis_type_vega/public/_vega_editor.scss +++ b/src/plugins/vis_type_vega/public/_vega_editor.scss @@ -5,8 +5,9 @@ } .vgaEditor { - @include euiBreakpoint('xs', 's', 'm') { + @include euiBreakpoint("xs", "s", "m") { @include euiScrollBar; + max-height: $euiSize * 15; overflow-y: auto; } @@ -16,6 +17,7 @@ position: absolute; z-index: $euiZLevel1; top: $euiSizeS; + // Adjust for sidebar collapse button right: $euiSizeXXL; line-height: 1; diff --git a/src/plugins/vis_type_vega/public/_vega_vis.scss b/src/plugins/vis_type_vega/public/_vega_vis.scss index 12108c7ba3de..4cdd1c13d2cd 100644 --- a/src/plugins/vis_type_vega/public/_vega_vis.scss +++ b/src/plugins/vis_type_vega/public/_vega_vis.scss @@ -2,13 +2,13 @@ display: flex; flex: 1 1 100%; position: relative; + // flex-direction determined by js } .vgaVis__view { z-index: 0; flex: 1 1 100%; - display: block; max-width: 100%; max-height: 100%; @@ -17,13 +17,13 @@ // BUG #23514: Make sure Vega doesn't display the controls in two places .vega-bindings { - // sass-lint:disable no-important display: none !important; } } .vgaVis__controls { @include euiFontSizeS; + display: flex; &:not(:empty) { @@ -34,21 +34,13 @@ flex-direction: column; } - &.vgaVis__controls--row { - flex-direction: row; - - > .vega-bind { - flex-grow: 1; - } - } - > .vega-bind { .vega-bind-name { display: inline-block; width: $euiSizeM * 10 - $euiSize; } - input[type='range'] { + input[type="range"] { width: $euiSizeM * 10; display: inline-block; vertical-align: middle; @@ -66,6 +58,14 @@ margin: 0 $euiSizeS 0 $euiSizeXS; } } + + &.vgaVis__controls--row { + flex-direction: row; + + > .vega-bind { + flex-grow: 1; + } + } } // Messages @@ -75,7 +75,7 @@ top: 0; width: 100%; margin: auto; - opacity: .8; + opacity: 0.8; z-index: 1; list-style: none; } @@ -90,18 +90,23 @@ } .vgaVis__message--warn .vgaVis__messageCode { + /* stylelint-disable-next-line function-name-case */ $calculatedBackgroundColor: tintOrShade($euiColorWarning, 90%, 70%); + background-color: $calculatedBackgroundColor; + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorWarning, $calculatedBackgroundColor); } .vgaVis__message--err .vgaVis__messageCode { + /* stylelint-disable-next-line function-name-case */ $calculateBackgroundColor: tintOrShade($euiColorDanger, 90%, 70%); + background-color: $calculateBackgroundColor; + /* stylelint-disable-next-line function-name-case */ color: makeHighContrastColor($euiColorDanger, $calculateBackgroundColor); } - // Style tooltip popup (gets created dynamically at the top level if dashboard has a Vega vis) // Adapted from https://github.com/vega/vega-tooltip @@ -115,6 +120,7 @@ td { @include euiTextTruncate; + padding-top: $euiSizeXS; padding-bottom: $euiSizeXS; @@ -131,8 +137,7 @@ } } - - @media only screen and (max-width: map-get($euiBreakpoints, 'm')) { + @media only screen and (max-width: map-get($euiBreakpoints, "m")) { td { &.key { max-width: $euiSize * 6; diff --git a/src/plugins/vis_type_vega/public/index.scss b/src/plugins/vis_type_vega/public/index.scss index 78d9eb61999f..3ca72e834eb7 100644 --- a/src/plugins/vis_type_vega/public/index.scss +++ b/src/plugins/vis_type_vega/public/index.scss @@ -5,5 +5,5 @@ // vgaChart__legend--small // vgaChart__legend-isLoading -@import './vega_vis'; -@import './vega_editor'; +@import "./vega_vis"; +@import "./vega_editor"; diff --git a/src/plugins/vis_type_vega/public/vega_inspector/vega_data_inspector.scss b/src/plugins/vis_type_vega/public/vega_inspector/vega_data_inspector.scss index 487f505657d3..6739cdbae4de 100644 --- a/src/plugins/vis_type_vega/public/vega_inspector/vega_data_inspector.scss +++ b/src/plugins/vis_type_vega/public/vega_inspector/vega_data_inspector.scss @@ -8,11 +8,11 @@ display: flex; flex-direction: column; - [role='tablist'] { + [role="tablist"] { flex-shrink: 0; } - [role='tabpanel'] { + [role="tabpanel"] { flex-grow: 1; } } diff --git a/src/plugins/vis_type_vislib/public/index.scss b/src/plugins/vis_type_vislib/public/index.scss index 64445648ba84..6438c114487b 100644 --- a/src/plugins/vis_type_vislib/public/index.scss +++ b/src/plugins/vis_type_vislib/public/index.scss @@ -1 +1 @@ -@import './vislib/index' +@import "./vislib/index" diff --git a/src/plugins/vis_type_vislib/public/vislib/_index.scss b/src/plugins/vis_type_vislib/public/vislib/_index.scss index 78e16224a67a..3e44e368ab0b 100644 --- a/src/plugins/vis_type_vislib/public/vislib/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/_index.scss @@ -1,9 +1,7 @@ -@import './variables'; -@import './vislib_vis_type'; - -@import './lib/index'; -@import './components/tooltip/index'; -@import './components/legend/index'; - -@import './visualizations/point_series/index'; -@import './visualizations/gauges/index'; +@import "./variables"; +@import "./vislib_vis_type"; +@import "./lib/index"; +@import "./components/tooltip/index"; +@import "./components/legend/index"; +@import "./visualizations/point_series/index"; +@import "./visualizations/gauges/index"; diff --git a/src/plugins/vis_type_vislib/public/vislib/_variables.scss b/src/plugins/vis_type_vislib/public/vislib/_variables.scss index 5b2fb93b0ca0..cdaa14017563 100644 --- a/src/plugins/vis_type_vislib/public/vislib/_variables.scss +++ b/src/plugins/vis_type_vislib/public/vislib/_variables.scss @@ -1,4 +1,6 @@ // TODO: Use the same styles for TSVB and Vislib vis' -$visLineColor: transparentize($euiColorDarkShade, .8); +/* stylelint-disable-next-line scss/no-global-function-names */ +$visLineColor: transparentize($euiColorDarkShade, 0.8); $visTextColor: $euiColorDarkShade; -$visHoverBackgroundColor: transparentize($euiColorFullShade, .9); +/* stylelint-disable-next-line scss/no-global-function-names */ +$visHoverBackgroundColor: transparentize($euiColorFullShade, 0.9); diff --git a/src/plugins/vis_type_vislib/public/vislib/components/legend/_index.scss b/src/plugins/vis_type_vislib/public/vislib/components/legend/_index.scss index 53617a984dcf..f2d306c60100 100644 --- a/src/plugins/vis_type_vislib/public/vislib/components/legend/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/components/legend/_index.scss @@ -1 +1 @@ -@import './_legend'; +@import "./legend"; diff --git a/src/plugins/vis_type_vislib/public/vislib/components/legend/_legend.scss b/src/plugins/vis_type_vislib/public/vislib/components/legend/_legend.scss index b1a59f88a348..c32dd1c7271e 100644 --- a/src/plugins/vis_type_vislib/public/vislib/components/legend/_legend.scss +++ b/src/plugins/vis_type_vislib/public/vislib/components/legend/_legend.scss @@ -1,4 +1,4 @@ -@import '../../variables'; +@import "../../variables"; // NOTE: Some of the styles attempt to align with the TSVB legend @@ -14,16 +14,19 @@ $visLegendLineHeight: $euiSize; display: flex; padding: $euiSizeXS; background-color: $euiColorEmptyShade; - transition: opacity $euiAnimSpeedFast $euiAnimSlightResistance, background-color $euiAnimSpeedFast $euiAnimSlightResistance $euiAnimSpeedExtraSlow; + transition: + opacity $euiAnimSpeedFast $euiAnimSlightResistance, + background-color $euiAnimSpeedFast $euiAnimSlightResistance $euiAnimSpeedExtraSlow; &:focus { box-shadow: none; - background-color: $euiFocusBackgroundColor !important; // sass-lint:disable-line no-important + background-color: $euiFocusBackgroundColor !important; } } .visLegend__toggle--isOpen { - background-color: transparentize($euiColorDarkestShade, .9); + /* stylelint-disable-next-line scss/no-global-function-names */ + background-color: transparentize($euiColorDarkestShade, 0.9); opacity: 1; } @@ -33,20 +36,9 @@ $visLegendLineHeight: $euiSize; height: 100%; } -.visLib--legend-left { - .visLegend__list { - margin-bottom: $euiSizeL; - } -} - -.visLib--legend-bottom { - .visLegend__list { - margin-left: $euiSizeL; - } -} - .visLegend__list { @include euiScrollBar; + display: flex; width: $visLegendWidth; // Must be a hard-coded width for the chart to get its correct dimensions flex: 1 1 auto; @@ -67,8 +59,7 @@ $visLegendLineHeight: $euiSize; .visLib--legend-top &, .visLib--legend-bottom & { width: auto; - flex-direction: row; - flex-wrap: wrap; + flex-flow: row wrap; .visLegend__value { flex-grow: 0; @@ -81,6 +72,18 @@ $visLegendLineHeight: $euiSize; } } +.visLib--legend-left { + .visLegend__list { + margin-bottom: $euiSizeL; + } +} + +.visLib--legend-bottom { + .visLegend__list { + margin-left: $euiSizeL; + } +} + .visLegend__valueColorPicker { width: ($euiSizeL * 8); // 8 columns } diff --git a/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_index.scss b/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_index.scss index f4e7075ff7b4..f2168d02b6cd 100644 --- a/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_index.scss @@ -1 +1 @@ -@import './tooltip'; +@import "./tooltip"; diff --git a/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_tooltip.scss b/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_tooltip.scss index bafec7edf3b9..2563d6dff7dc 100644 --- a/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_tooltip.scss +++ b/src/plugins/vis_type_vislib/public/vislib/components/tooltip/_tooltip.scss @@ -1,6 +1,7 @@ .visTooltip, .visTooltip__sizingClone { - @include euiToolTipStyle('s'); + @include euiToolTipStyle("s"); + visibility: hidden; pointer-events: none; position: fixed; diff --git a/src/plugins/vis_type_vislib/public/vislib/lib/_alerts.scss b/src/plugins/vis_type_vislib/public/vislib/lib/_alerts.scss index 596f4675b125..a1e6cd510448 100644 --- a/src/plugins/vis_type_vislib/public/vislib/lib/_alerts.scss +++ b/src/plugins/vis_type_vislib/public/vislib/lib/_alerts.scss @@ -1,4 +1,3 @@ - .visAlerts__tray { position: absolute; bottom: ($euiSizeXS + 1px); @@ -6,7 +5,6 @@ right: 0; list-style: none; padding: 0; - transition-property: opacity; transition-delay: $euiAnimSpeedExtraFast; transition-duration: $euiAnimSpeedExtraFast; @@ -46,7 +44,9 @@ $visAlertTypes: ( // Create button modifiders based upon the map. @each $name, $color in $visAlertTypes { .visAlert--#{$name} { + /* stylelint-disable-next-line function-name-case */ $backgroundColor: tintOrShade($color, 90%, 70%); + /* stylelint-disable-next-line function-name-case */ $textColor: makeHighContrastColor($color, $backgroundColor); background-color: $backgroundColor; diff --git a/src/plugins/vis_type_vislib/public/vislib/lib/_index.scss b/src/plugins/vis_type_vislib/public/vislib/lib/_index.scss index b19c2dfb153b..9183b62e74b9 100644 --- a/src/plugins/vis_type_vislib/public/vislib/lib/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/lib/_index.scss @@ -1,4 +1,3 @@ -@import './alerts'; -@import './handler'; -@import './layout/index'; - +@import "./alerts"; +@import "./handler"; +@import "./layout/index"; diff --git a/src/plugins/vis_type_vislib/public/vislib/lib/layout/_index.scss b/src/plugins/vis_type_vislib/public/vislib/lib/layout/_index.scss index 0820684ccbcf..a293b7a16766 100644 --- a/src/plugins/vis_type_vislib/public/vislib/lib/layout/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/lib/layout/_index.scss @@ -1 +1 @@ -@import './layout'; +@import "./layout"; diff --git a/src/plugins/vis_type_vislib/public/vislib/lib/layout/_layout.scss b/src/plugins/vis_type_vislib/public/vislib/lib/layout/_layout.scss index 96c72bd5956d..c8483c2f02da 100644 --- a/src/plugins/vis_type_vislib/public/vislib/lib/layout/_layout.scss +++ b/src/plugins/vis_type_vislib/public/vislib/lib/layout/_layout.scss @@ -20,132 +20,9 @@ // .visAxis__splitAxes--y // .visAxis__spacer--y.visAxis__spacer--y-[position] -// -// LAYOUT ONLY -// Numbers in here are brittle -// - -.visWrapper { - display: flex; - flex: 1 1 100%; - flex-direction: row; - min-height: 0; - min-width: 0; - overflow: hidden; - padding: ($euiSizeS + 2px) 0; -} - -.visWrapper__column { - display: flex; - flex: 1 0 0; - flex-direction: column; - min-height: 0; - min-width: 0; -} - -.visWrapper__splitCharts--column { - display: flex; - flex: 1 0 20px; - flex-direction: row; - min-height: 0; - min-width: 0; - - .visWrapper__chart { - margin-top: 0; - margin-bottom: 0; - } -} - -.visWrapper__splitCharts--row { - display: flex; - flex-direction: column; - flex: 1 1 100%; - min-height: 0; - min-width: 0; - - .visWrapper__chart { - margin-left: 0; - margin-right: 0; - } -} - -.visWrapper__chart { - display: flex; - flex: 1 0 0; - overflow: visible; - margin: 5px; - min-height: 0; - min-width: 0; -} - -.visWrapper__alerts { - position: relative; -} - -// General Axes - -.visAxis__column--top .axis-div svg { - margin-bottom: -5px; -} - -// Y Axes - -.visAxis--x, -.visAxis--y { - display: flex; - flex-direction: column; - min-height: 0; - min-width: 0; -} - -.visAxis--x { - overflow: visible; -} - -.visAxis__spacer--y { - min-height: 0; -} - -.visAxis__column--y { - display: flex; - flex-direction: row; - flex: 1 0 ($euiSizeXL + $euiSizeXS); - min-height: 0; - min-width: 0; -} - -.visAxis__splitTitles--y { - display: flex; - flex-direction: column; - min-height: $euiSizeM; - min-width: 0; -} - -.visAxis__splitTitles--x { - display: flex; - flex-direction: row; - min-height: 1px; - max-height: $euiSize; - min-width: $euiSize; -} - -.visAxis__splitAxes--x, -.visAxis__splitAxes--y { - display: flex; - flex-direction: column; - min-height: ($euiSize + $euiSizeXS); - min-width: 0; -} - -.visAxis__splitAxes--x { - flex-direction: row; - min-height: 0; -} - - -// +// ----- // STYLE -// +// ----- // BEM NOTE: These selectors could not be renamed. // Most come from an external libray, others are too general for @@ -153,10 +30,17 @@ // could it be easily found to apply to all chart types. // At least wrapping selectors inside .visWrapper will narrow scope. - -// sass-lint:disable-block no-mergeable-selectors // Keep SVG and non-renamable selectors separately .visWrapper { + // LAYOUT + display: flex; + flex: 1 1 100%; + flex-direction: row; + min-height: 0; + min-width: 0; + overflow: hidden; + padding: ($euiSizeS + 2px) 0; + svg { overflow: visible; } @@ -166,7 +50,7 @@ opacity: 1; &:hover { - opacity: .8; + opacity: 0.8; } } @@ -176,7 +60,7 @@ &:hover { opacity: 1; stroke-width: $euiSizeS; - stroke-opacity: .8; + stroke-opacity: 0.8; } } @@ -192,6 +76,7 @@ .label-text { @include fontSize($euiFontSizeXS); + font-weight: $euiFontWeightRegular; } @@ -215,11 +100,13 @@ .tick text { @include fontSize($euiFontSizeXS - 1px); + fill: $visTextColor; } .axis-title text { @include fontSize($euiFontSizeXS); + font-weight: $euiFontWeightBold; fill: $visTextColor; } @@ -240,12 +127,14 @@ text { @include fontSize($euiFontSizeXS - 1px); + fill: $visTextColor; } } .chart { @include euiScrollBar; + flex: 1 1 100%; min-height: 0; min-width: 0; @@ -275,6 +164,7 @@ } .axis { + /* stylelint-disable-next-line value-keyword-case */ shape-rendering: crispEdges; stroke-width: 1px; @@ -282,6 +172,7 @@ path { stroke: $euiBorderColor; fill: none; + /* stylelint-disable-next-line value-keyword-case */ shape-rendering: crispEdges; } } @@ -294,12 +185,13 @@ /* Brush Styling */ .brush .extent { + /* stylelint-disable-next-line value-keyword-case */ shape-rendering: crispEdges; fill: $visHoverBackgroundColor; } .visAreaChart__overlapArea { - opacity: .8; + opacity: 0.8; } .series > path, @@ -309,12 +201,11 @@ } .series > path { - fill-opacity: .8; + fill-opacity: 0.8; } .blur_shape { - // sass-lint:disable-block no-important - opacity: .3 !important; + opacity: 0.3 !important; } .slice { @@ -322,7 +213,7 @@ stroke: $euiColorEmptyShade; &:hover { - opacity: .8; + opacity: 0.8; } } @@ -332,7 +223,7 @@ &:hover { stroke-width: $euiSizeS; - stroke-opacity: .8; + stroke-opacity: 0.8; } } } @@ -342,3 +233,115 @@ fill: $visHoverBackgroundColor; } } + +// ----------- +// LAYOUT ONLY +// ----------- +// Numbers in here are brittle + +.visWrapper__column { + display: flex; + flex: 1 0 0; + flex-direction: column; + min-height: 0; + min-width: 0; +} + +.visWrapper__chart { + display: flex; + flex: 1 0 0; + overflow: visible; + margin: 5px; + min-height: 0; + min-width: 0; +} + +.visWrapper__splitCharts--column { + display: flex; + flex: 1 0 20px; + flex-direction: row; + min-height: 0; + min-width: 0; + + .visWrapper__chart { + margin-top: 0; + margin-bottom: 0; + } +} + +.visWrapper__splitCharts--row { + display: flex; + flex-direction: column; + flex: 1 1 100%; + min-height: 0; + min-width: 0; + + .visWrapper__chart { + margin-left: 0; + margin-right: 0; + } +} + +.visWrapper__alerts { + position: relative; +} + +// General Axes + +.visAxis__column--top .axis-div svg { + margin-bottom: -5px; +} + +// Y Axes + +.visAxis--x, +.visAxis--y { + display: flex; + flex-direction: column; + min-height: 0; + min-width: 0; +} + +.visAxis--x { + overflow: visible; +} + +.visAxis__spacer--y { + min-height: 0; +} + +.visAxis__column--y { + display: flex; + flex-direction: row; + flex: 1 0 ($euiSizeXL + $euiSizeXS); + min-height: 0; + min-width: 0; +} + +.visAxis__splitTitles--y { + display: flex; + flex-direction: column; + min-height: $euiSizeM; + min-width: 0; +} + +.visAxis__splitTitles--x { + display: flex; + flex-direction: row; + min-height: 1px; + max-height: $euiSize; + min-width: $euiSize; +} + +.visAxis__splitAxes--x, +.visAxis__splitAxes--y { + display: flex; + flex-direction: column; + min-height: ($euiSize + $euiSizeXS); + min-width: 0; +} + +.visAxis__splitAxes--x { + flex-direction: row; + min-height: 0; +} diff --git a/src/plugins/vis_type_vislib/public/vislib/visualizations/gauges/_index.scss b/src/plugins/vis_type_vislib/public/vislib/visualizations/gauges/_index.scss index 1c6b5e669a94..3b16c2e74b9d 100644 --- a/src/plugins/vis_type_vislib/public/vislib/visualizations/gauges/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/visualizations/gauges/_index.scss @@ -1 +1 @@ -@import './meter'; +@import "./meter"; diff --git a/src/plugins/vis_type_vislib/public/vislib/visualizations/point_series/_index.scss b/src/plugins/vis_type_vislib/public/vislib/visualizations/point_series/_index.scss index 53fce786ecc1..8c8a2b426707 100644 --- a/src/plugins/vis_type_vislib/public/vislib/visualizations/point_series/_index.scss +++ b/src/plugins/vis_type_vislib/public/vislib/visualizations/point_series/_index.scss @@ -1 +1 @@ -@import './labels'; +@import "./labels"; diff --git a/src/plugins/visualizations/public/components/_index.scss b/src/plugins/visualizations/public/components/_index.scss index 532e8106b023..31f1f9a32497 100644 --- a/src/plugins/visualizations/public/components/_index.scss +++ b/src/plugins/visualizations/public/components/_index.scss @@ -1 +1 @@ -@import 'visualization'; +@import "visualization"; diff --git a/src/plugins/visualizations/public/components/_visualization.scss b/src/plugins/visualizations/public/components/_visualization.scss index f5e2d4fcf286..c09c45c9648f 100644 --- a/src/plugins/visualizations/public/components/_visualization.scss +++ b/src/plugins/visualizations/public/components/_visualization.scss @@ -22,6 +22,7 @@ */ .visChart__container { @include euiScrollBar; + min-height: 0; flex: 1 1 0; /* 1 */ display: flex; @@ -30,11 +31,11 @@ transition: opacity 0.01s; // IE11 Hack - // + // --------- // Normally we would just set flex: 1 1 0%, which works as expected in IE11. // Unfortunately, a recent bug in Firefox causes this rule to be ignored, so we // have to use an IE-specific hack instead. - @include internetExplorerOnly(){ + @include internetExplorerOnly { flex: 1 0; } @@ -76,4 +77,3 @@ justify-content: center; align-items: center; } - diff --git a/src/plugins/visualizations/public/embeddable/_embeddables.scss b/src/plugins/visualizations/public/embeddable/_embeddables.scss index 23d3e189767d..27d0ac7eb956 100644 --- a/src/plugins/visualizations/public/embeddable/_embeddables.scss +++ b/src/plugins/visualizations/public/embeddable/_embeddables.scss @@ -3,6 +3,12 @@ * 2. Force a better looking scrollbar */ +.embPanel--editing { + .visLegend__toggle { + opacity: 1; /* 3 */ + } +} + .embPanel { .visualization { @include euiScrollBar; /* 2 */ @@ -13,8 +19,13 @@ } .visLegend__toggle { + opacity: 0; /* 1 */ border-bottom-right-radius: 0; border-top-left-radius: 0; + + &:focus { + opacity: 1; /* 2 */ + } } } @@ -27,22 +38,8 @@ */ .embPanel_optionsMenuPopover[class*="-isOpen"], -.embPanel:hover { +.embPanel:hover { .visLegend__toggle { opacity: 1; } } - -.embPanel .visLegend__toggle { - opacity: 0; /* 1 */ - - &:focus { - opacity: 1; /* 2 */ - } -} - -.embPanel--editing { - .visLegend__toggle { - opacity: 1; /* 3 */ - } -} \ No newline at end of file diff --git a/src/plugins/visualizations/public/embeddable/_index.scss b/src/plugins/visualizations/public/embeddable/_index.scss index c1e3809657bf..9fd86735692a 100644 --- a/src/plugins/visualizations/public/embeddable/_index.scss +++ b/src/plugins/visualizations/public/embeddable/_index.scss @@ -1,2 +1,2 @@ -@import 'visualize_lab_disabled'; -@import 'embeddables'; +@import "visualize_lab_disabled"; +@import "embeddables"; diff --git a/src/plugins/visualizations/public/embeddable/_visualize_lab_disabled.scss b/src/plugins/visualizations/public/embeddable/_visualize_lab_disabled.scss index 914480ff8c77..4cebc56b0f22 100644 --- a/src/plugins/visualizations/public/embeddable/_visualize_lab_disabled.scss +++ b/src/plugins/visualizations/public/embeddable/_visualize_lab_disabled.scss @@ -10,4 +10,3 @@ .visDisabledLabVisualization__icon { font-size: $euiFontSizeXL; } - diff --git a/src/plugins/visualizations/public/index.scss b/src/plugins/visualizations/public/index.scss index 2b61535f3e7f..bc62faaf67e4 100644 --- a/src/plugins/visualizations/public/index.scss +++ b/src/plugins/visualizations/public/index.scss @@ -1,3 +1,3 @@ -@import 'wizard/index'; -@import 'embeddable/index'; -@import 'components/index'; +@import "wizard/index"; +@import "embeddable/index"; +@import "components/index"; diff --git a/src/plugins/visualizations/public/wizard/_dialog.scss b/src/plugins/visualizations/public/wizard/_dialog.scss index 793951f9dd1c..f8819e556dec 100644 --- a/src/plugins/visualizations/public/wizard/_dialog.scss +++ b/src/plugins/visualizations/public/wizard/_dialog.scss @@ -1,5 +1,6 @@ .visNewVisDialog { max-width: 100vw; + /* stylelint-disable-next-line function-url-quotes */ background-image: url(lightOrDarkTheme("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='461' viewBox='0 0 313 461'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F5F7FA' d='M294.009,184.137 C456.386,184.137 588.018,315.77 588.018,478.146 C588.018,640.523 456.386,772.156 294.009,772.156 C131.632,772.156 0,640.523 0,478.146 C0,315.77 131.632,184.137 294.009,184.137 Z M294.009,384.552 C242.318,384.552 200.415,426.456 200.415,478.146 C200.415,529.837 242.318,571.741 294.009,571.741 C345.7,571.741 387.604,529.837 387.604,478.146 C387.604,426.456 345.7,384.552 294.009,384.552 Z'/%3E%3Cpath fill='%23E6EBF2' d='M202.958,365.731 L202.958,380.991 L187.698,380.991 L187.698,365.731 L202.958,365.731 Z M202.958,327.073 L202.958,342.333 L187.698,342.333 L187.698,327.073 L202.958,327.073 Z M243.651,325.038 L243.651,340.298 L228.391,340.298 L228.391,325.038 L243.651,325.038 Z M243.651,286.379 L243.651,301.639 L228.391,301.639 L228.391,286.379 L243.651,286.379 Z M202.958,285.362 L202.958,300.622 L187.698,300.622 L187.698,285.362 L202.958,285.362 Z M284.345,284.345 L284.345,299.605 L269.085,299.605 L269.085,284.345 L284.345,284.345 Z M284.345,245.686 L284.345,260.946 L269.085,260.946 L269.085,245.686 L284.345,245.686 Z M243.651,244.669 L243.651,259.929 L228.391,259.929 L228.391,244.669 L243.651,244.669 Z M202.958,243.651 L202.958,258.911 L187.698,258.911 L187.698,243.651 L202.958,243.651 Z M284.345,203.975 L284.345,219.235 L269.085,219.235 L269.085,203.975 L284.345,203.975 Z M202.958,203.975 L202.958,219.235 L187.698,219.235 L187.698,203.975 L202.958,203.975 Z M243.651,202.958 L243.651,218.218 L228.391,218.218 L228.391,202.958 L243.651,202.958 Z M243.651,163.282 L243.651,178.542 L228.391,178.542 L228.391,163.282 L243.651,163.282 Z M202.958,163.282 L202.958,178.542 L187.698,178.542 L187.698,163.282 L202.958,163.282 Z M284.345,162.265 L284.345,177.525 L269.085,177.525 L269.085,162.265 L284.345,162.265 Z M284.345,122.589 L284.345,137.849 L269.085,137.849 L269.085,122.589 L284.345,122.589 Z M243.651,122.589 L243.651,137.849 L228.391,137.849 L228.391,122.589 L243.651,122.589 Z M202.958,122.589 L202.958,137.849 L187.698,137.849 L187.698,122.589 L202.958,122.589 Z M284.345,81.8954 L284.345,97.1554 L269.085,97.1554 L269.085,81.8954 L284.345,81.8954 Z M243.651,81.8954 L243.651,97.1554 L228.391,97.1554 L228.391,81.8954 L243.651,81.8954 Z M202.958,81.8954 L202.958,97.1554 L187.698,97.1554 L187.698,81.8954 L202.958,81.8954 Z M284.345,41.202 L284.345,56.462 L269.085,56.462 L269.085,41.202 L284.345,41.202 Z M243.651,41.202 L243.651,56.462 L228.391,56.462 L228.391,41.202 L243.651,41.202 Z M284.345,0.508789 L284.345,15.7688 L269.085,15.7688 L269.085,0.508789 L284.345,0.508789 Z'/%3E%3C/g%3E%3C/svg%3E","data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='313' height='461' viewBox='0 0 313 461'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%2318191E' d='M294.009,184.137 C456.386,184.137 588.018,315.77 588.018,478.146 C588.018,640.523 456.386,772.156 294.009,772.156 C131.632,772.156 0,640.523 0,478.146 C0,315.77 131.632,184.137 294.009,184.137 Z M294.009,384.552 C242.318,384.552 200.415,426.456 200.415,478.146 C200.415,529.837 242.318,571.741 294.009,571.741 C345.7,571.741 387.604,529.837 387.604,478.146 C387.604,426.456 345.7,384.552 294.009,384.552 Z'/%3E%3Cpath fill='%2315161B' d='M202.958,365.731 L202.958,380.991 L187.698,380.991 L187.698,365.731 L202.958,365.731 Z M202.958,327.073 L202.958,342.333 L187.698,342.333 L187.698,327.073 L202.958,327.073 Z M243.651,325.038 L243.651,340.298 L228.391,340.298 L228.391,325.038 L243.651,325.038 Z M243.651,286.379 L243.651,301.639 L228.391,301.639 L228.391,286.379 L243.651,286.379 Z M202.958,285.362 L202.958,300.622 L187.698,300.622 L187.698,285.362 L202.958,285.362 Z M284.345,284.345 L284.345,299.605 L269.085,299.605 L269.085,284.345 L284.345,284.345 Z M284.345,245.686 L284.345,260.946 L269.085,260.946 L269.085,245.686 L284.345,245.686 Z M243.651,244.669 L243.651,259.929 L228.391,259.929 L228.391,244.669 L243.651,244.669 Z M202.958,243.651 L202.958,258.911 L187.698,258.911 L187.698,243.651 L202.958,243.651 Z M284.345,203.975 L284.345,219.235 L269.085,219.235 L269.085,203.975 L284.345,203.975 Z M202.958,203.975 L202.958,219.235 L187.698,219.235 L187.698,203.975 L202.958,203.975 Z M243.651,202.958 L243.651,218.218 L228.391,218.218 L228.391,202.958 L243.651,202.958 Z M243.651,163.282 L243.651,178.542 L228.391,178.542 L228.391,163.282 L243.651,163.282 Z M202.958,163.282 L202.958,178.542 L187.698,178.542 L187.698,163.282 L202.958,163.282 Z M284.345,162.265 L284.345,177.525 L269.085,177.525 L269.085,162.265 L284.345,162.265 Z M284.345,122.589 L284.345,137.849 L269.085,137.849 L269.085,122.589 L284.345,122.589 Z M243.651,122.589 L243.651,137.849 L228.391,137.849 L228.391,122.589 L243.651,122.589 Z M202.958,122.589 L202.958,137.849 L187.698,137.849 L187.698,122.589 L202.958,122.589 Z M284.345,81.8954 L284.345,97.1554 L269.085,97.1554 L269.085,81.8954 L284.345,81.8954 Z M243.651,81.8954 L243.651,97.1554 L228.391,97.1554 L228.391,81.8954 L243.651,81.8954 Z M202.958,81.8954 L202.958,97.1554 L187.698,97.1554 L187.698,81.8954 L202.958,81.8954 Z M284.345,41.202 L284.345,56.462 L269.085,56.462 L269.085,41.202 L284.345,41.202 Z M243.651,41.202 L243.651,56.462 L228.391,56.462 L228.391,41.202 L243.651,41.202 Z M284.345,0.508789 L284.345,15.7688 L269.085,15.7688 L269.085,0.508789 L284.345,0.508789 Z'/%3E%3C/g%3E%3C/svg%3E")); background-repeat: no-repeat; background-position: calc(100% + 1px) calc(100% + 1px); @@ -16,6 +17,7 @@ padding: $euiSizeM $euiSizeL 0; min-height: 0; } + .visNewVisDialog__list { min-height: 0; } @@ -26,6 +28,7 @@ .visNewVisDialog__typesWrapper { @include euiOverflowShadow; + max-width: $euiSizeXXL * 10; min-height: 0; margin-top: 2px; // Account for search field dropshadow @@ -34,6 +37,7 @@ .visNewVisDialog__types { @include euiScrollBar; + // EUITODO: allow for more (calculated) widths of `EuiKeyPadMenu` width: auto; overflow-y: auto; @@ -55,7 +59,7 @@ @include size($euiSizeL); } -@include euiBreakpoint('xs', 's') { +@include euiBreakpoint("xs", "s") { .visNewVisDialog { background-image: none; } diff --git a/src/plugins/visualizations/public/wizard/_index.scss b/src/plugins/visualizations/public/wizard/_index.scss index a10b4b1b347b..7ca63f56ca75 100644 --- a/src/plugins/visualizations/public/wizard/_index.scss +++ b/src/plugins/visualizations/public/wizard/_index.scss @@ -1 +1 @@ -@import 'dialog'; +@import "dialog"; diff --git a/src/plugins/visualize/public/application/components/visualize_editor.scss b/src/plugins/visualize/public/application/components/visualize_editor.scss index 3a542cacc44b..7fe201ee2907 100644 --- a/src/plugins/visualize/public/application/components/visualize_editor.scss +++ b/src/plugins/visualize/public/application/components/visualize_editor.scss @@ -1,9 +1,9 @@ .visEditor { - @include flex-parent(); + @include flex-parent; height: 100%; - @include euiBreakpoint('xs', 's', 'm') { + @include euiBreakpoint("xs", "s", "m") { .visualization { // While we are on a small screen the visualization is below the // editor. In this cases it needs a minimum height, since it would otherwise @@ -23,7 +23,8 @@ a tilemap in an iframe: https://github.com/elastic/kibana/issues/16457 */ } .visEditor__content { - @include flex-parent(); + @include flex-parent; + width: 100%; z-index: 0; } diff --git a/src/plugins/visualize/public/application/components/visualize_listing.scss b/src/plugins/visualize/public/application/components/visualize_listing.scss index a4b4c1b994ef..13c2be619247 100644 --- a/src/plugins/visualize/public/application/components/visualize_listing.scss +++ b/src/plugins/visualize/public/application/components/visualize_listing.scss @@ -12,6 +12,6 @@ .visListingTable__experimentalIcon { width: $euiSizeL; vertical-align: baseline; - padding: 0 $euiSizeS; + padding: 0 $euiSizeS; margin-left: $euiSizeS; -} \ No newline at end of file +} diff --git a/tasks/config/run.js b/tasks/config/run.js index 60fa80aa7452..fd648c9caac5 100644 --- a/tasks/config/run.js +++ b/tasks/config/run.js @@ -64,10 +64,10 @@ module.exports = function () { args: ['scripts/eslint', '--no-cache'], }), - sasslint: scriptWithGithubChecks({ - title: 'sasslint', + stylelint: scriptWithGithubChecks({ + title: 'stylelint', cmd: NODE, - args: ['scripts/sasslint'], + args: ['scripts/stylelint'], }), // used by the test tasks diff --git a/tasks/jenkins.js b/tasks/jenkins.js index 58623dc8702c..a0f7f936029a 100644 --- a/tasks/jenkins.js +++ b/tasks/jenkins.js @@ -35,7 +35,7 @@ module.exports = function (grunt) { grunt.registerTask('jenkins:unit', [ 'run:eslint', - 'run:sasslint', + 'run:stylelint', 'run:checkTsProjects', 'run:checkDocApiChanges', 'run:typeCheck', diff --git a/tasks/test.js b/tasks/test.js index 4f99e6e8de55..4deef14afa7d 100644 --- a/tasks/test.js +++ b/tasks/test.js @@ -60,7 +60,7 @@ module.exports = function (grunt) { grunt.task.run( [ !grunt.option('quick') && 'run:eslint', - !grunt.option('quick') && 'run:sasslint', + !grunt.option('quick') && 'run:stylelint', !grunt.option('quick') && 'run:checkTsProjects', !grunt.option('quick') && 'run:checkDocApiChanges', !grunt.option('quick') && 'run:typeCheck', diff --git a/test/scripts/lint/sasslint.sh b/test/scripts/lint/stylelint.sh similarity index 67% rename from test/scripts/lint/sasslint.sh rename to test/scripts/lint/stylelint.sh index b9c683bcb049..24919c5627c2 100755 --- a/test/scripts/lint/sasslint.sh +++ b/test/scripts/lint/stylelint.sh @@ -2,4 +2,4 @@ source src/dev/ci_setup/setup_env.sh -yarn run grunt run:sasslint +yarn run grunt run:stylelint diff --git a/yarn.lock b/yarn.lock index 4a3768ea29fa..ee44c3811f0f 100644 --- a/yarn.lock +++ b/yarn.lock @@ -4151,13 +4151,6 @@ acorn-globals@^6.0.0: acorn "^7.1.1" acorn-walk "^7.1.1" -acorn-jsx@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-3.0.1.tgz#afdf9488fb1ecefc8348f6fb22f464e32a58b36b" - integrity sha1-r9+UiPsezvyDSPb7IvRk4ypYs2s= - dependencies: - acorn "^3.0.4" - acorn-jsx@^5.1.0: version "5.1.0" resolved "https://registry.yarnpkg.com/acorn-jsx/-/acorn-jsx-5.1.0.tgz#294adb71b57398b0680015f0a38c563ee1db5384" @@ -4182,16 +4175,11 @@ acorn-walk@^7.0.0, acorn-walk@^7.1.1: resolved "https://registry.yarnpkg.com/acorn-walk/-/acorn-walk-7.2.0.tgz#0de889a601203909b0fbe07b8938dc21d2e967bc" integrity sha512-OPdCF6GsMIP+Az+aWfAAOEt2/+iVDKE7oy6lJ098aoe59oAmK76qV6Gw60SbZ8jHuG2wH058GF4pLFbYamYrVA== -acorn@5.X, acorn@^5.0.3, acorn@^5.5.0: +acorn@5.X, acorn@^5.0.3: version "5.7.4" resolved "https://registry.yarnpkg.com/acorn/-/acorn-5.7.4.tgz#3e8d8a9947d0599a1796d10225d7432f4a4acf5e" integrity sha512-1D++VG7BhrtvQpNbBzovKNc1FLGGEE/oGe7b9xJm/RFHMBeUaUGpluV9RLjZa47YFdPcDAenEYuq9pQPcMdLJg== -acorn@^3.0.4: - version "3.3.0" - resolved "https://registry.yarnpkg.com/acorn/-/acorn-3.3.0.tgz#45e37fb39e8da3f25baee3ff5369e2bb5f22017a" - integrity sha1-ReN/s56No/JbruP/U2niu18iAXo= - acorn@^6.0.1, acorn@^6.0.4, acorn@^6.4.1: version "6.4.1" resolved "https://registry.yarnpkg.com/acorn/-/acorn-6.4.1.tgz#531e58ba3f51b9dacb9a6646ca4debf5b14ca474" @@ -4269,17 +4257,7 @@ ajv-formats@^2.1.1: dependencies: ajv "^8.0.0" -ajv-keywords@^1.0.0: - version "1.5.1" - resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-1.5.1.tgz#314dd0a4b3368fad3dfcdc54ede6171b886daf3c" - integrity sha1-MU3QpLM2j609/NxU7eYXG4htrzw= - -ajv-keywords@^3.1.0, ajv-keywords@^3.4.1: - version "3.4.1" - resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.4.1.tgz#ef916e271c64ac12171fd8384eaae6b2345854da" - integrity sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ== - -ajv-keywords@^3.5.2: +ajv-keywords@^3.1.0, ajv-keywords@^3.4.1, ajv-keywords@^3.5.2: version "3.5.2" resolved "https://registry.yarnpkg.com/ajv-keywords/-/ajv-keywords-3.5.2.tgz#31f29da5ab6e00d1c2d329acf7b5929614d5014d" integrity sha512-5p6WTN0DdTGVQk6VjcEju19IgaHudalcfabD7yhDGeA6bcQnmL+CpveLJq/3hvfwd1aof6L386Ougkx6RfyMIQ== @@ -4291,25 +4269,7 @@ ajv-keywords@^5.0.0: dependencies: fast-deep-equal "^3.1.3" -ajv@^4.7.0: - version "4.11.8" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-4.11.8.tgz#82ffb02b29e662ae53bdc20af15947706739c536" - integrity sha1-gv+wKynmYq5TvcIK8VlHcGc5xTY= - dependencies: - co "^4.6.0" - json-stable-stringify "^1.0.1" - -ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.5.5, ajv@^6.9.1: - version "6.12.4" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.4.tgz#0614facc4522127fa713445c6bfd3ebd376e2234" - integrity sha512-eienB2c9qVQs2KWexhkrdMLVDoIQCz5KSeLxwg9Lzk4DOfBtIK9PQwwufcsn1jjGuf9WZmqPMbGxOzfcuphJCQ== - dependencies: - fast-deep-equal "^3.1.1" - fast-json-stable-stringify "^2.0.0" - json-schema-traverse "^0.4.1" - uri-js "^4.2.2" - -ajv@^6.12.5, ajv@~6.12.6: +ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.12.2, ajv@^6.12.5, ajv@^6.5.5, ajv@^6.9.1, ajv@~6.12.6: version "6.12.6" resolved "https://registry.yarnpkg.com/ajv/-/ajv-6.12.6.tgz#baf5a62e802b07d977034586f8c3baf5adf26df4" integrity sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g== @@ -4319,7 +4279,7 @@ ajv@^6.12.5, ajv@~6.12.6: json-schema-traverse "^0.4.1" uri-js "^4.2.2" -ajv@^8.0.0, ajv@^8.8.0: +ajv@^8.0.0, ajv@^8.0.1, ajv@^8.6.2, ajv@^8.8.0: version "8.10.0" resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.10.0.tgz#e573f719bd3af069017e3b66538ab968d040e54d" integrity sha512-bzqAEZOjkrUMl2afH8dknrq5KEk2SrwdBROR+vH1EKVQTqaUbJVPdc/gEdggTMM0Se+s+Ja4ju4TlNcStKl2Hw== @@ -4329,16 +4289,6 @@ ajv@^8.0.0, ajv@^8.8.0: require-from-string "^2.0.2" uri-js "^4.2.2" -ajv@^8.6.2: - version "8.8.2" - resolved "https://registry.yarnpkg.com/ajv/-/ajv-8.8.2.tgz#01b4fef2007a28bf75f0b7fc009f62679de4abbb" - integrity sha512-x9VuX+R/jcFj1DHo/fCp99esgGDWiHENrKxaCENuCxpoMCmAt/COCGVDwA7kleEpEzJjDnvh3yGoOuLu0Dtllw== - dependencies: - fast-deep-equal "^3.1.1" - json-schema-traverse "^1.0.0" - require-from-string "^2.0.2" - uri-js "^4.2.2" - amdefine@>=0.0.4: version "1.0.1" resolved "https://registry.yarnpkg.com/amdefine/-/amdefine-1.0.1.tgz#4a5282ac164729e93619bcfd3ad151f817ce91f5" @@ -4405,11 +4355,6 @@ ansi-colors@^1.0.1: dependencies: ansi-wrap "^0.1.0" -ansi-escapes@^1.1.0: - version "1.4.0" - resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-1.4.0.tgz#d3a8a83b319aa67793662b13e761c7911422306e" - integrity sha1-06ioOzGapneTZisT52HHkRQiMG4= - ansi-escapes@^3.0.0: version "3.2.0" resolved "https://registry.yarnpkg.com/ansi-escapes/-/ansi-escapes-3.2.0.tgz#8780b98ff9dbf5638152d1f1fe5c1d7b4442976b" @@ -4750,7 +4695,7 @@ array.prototype.flatmap@^1.2.3: es-abstract "^1.17.0-next.1" function-bind "^1.1.1" -arrify@^1.0.0, arrify@^1.0.1: +arrify@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/arrify/-/arrify-1.0.1.tgz#898508da2226f380df904728456849c1501a4b0d" integrity sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0= @@ -4818,6 +4763,11 @@ astral-regex@^1.0.0: resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-1.0.0.tgz#6c8c3fb827dd43ee3918f27b82782ab7658a6fd9" integrity sha512-+Ryf6g3BKoRc7jfp7ad8tM4TtMiaWvbF/1/sQcZPkkS7ag3D5nMBCe2UfOTONtAkaG0tO0ij3C5Lwmf1EiyjHg== +astral-regex@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/astral-regex/-/astral-regex-2.0.0.tgz#483143c567aeed4785759c0865786dc77d7d2e31" + integrity sha512-Z7tMw1ytTXt5jqMcOP+OQteU1VuNK9Y02uuJtKQ1Sv69jXQKKg5cibLwGJow8yzZP+eAc18EmLGPal0bp36rvQ== + async-cache@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/async-cache/-/async-cache-1.1.0.tgz#4a9a5a89d065ec5d8e5254bd9ee96ba76c532b5a" @@ -5124,6 +5074,11 @@ balanced-match@^1.0.0: resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-1.0.0.tgz#89b4d199ab2bee49de164ea02b89ce462d71b767" integrity sha1-ibTRmasr7kneFk6gK4nORi1xt2c= +balanced-match@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/balanced-match/-/balanced-match-2.0.0.tgz#dc70f920d78db8b858535795867bf48f820633d9" + integrity sha512-1ugUSr8BHXRnK23KfuYS+gVMC3LB8QGH9W1iGtDPsNWoQbgtXSExkBu2aDR4epiGWZOjZsj6lDl/N/AqqTC3UA== + base64-js@^1.0.2, base64-js@^1.3.1: version "1.5.1" resolved "https://registry.yarnpkg.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a" @@ -5655,18 +5610,6 @@ call-me-maybe@^1.0.1: resolved "https://registry.yarnpkg.com/call-me-maybe/-/call-me-maybe-1.0.1.tgz#26d208ea89e37b5cbde60250a15f031c16a4d66b" integrity sha1-JtII6onje1y95gJQoV8DHBak1ms= -caller-path@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/caller-path/-/caller-path-0.1.0.tgz#94085ef63581ecd3daa92444a8fe94e82577751f" - integrity sha1-lAhe9jWB7NPaqSREqP6U6CV3dR8= - dependencies: - callsites "^0.2.0" - -callsites@^0.2.0: - version "0.2.0" - resolved "https://registry.yarnpkg.com/callsites/-/callsites-0.2.0.tgz#afab96262910a7f33c19a5775825c69f34e350ca" - integrity sha1-r6uWJikQp/M8GaV3WCXGnzTjUMo= - callsites@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/callsites/-/callsites-3.0.0.tgz#fb7eb569b72ad7a45812f93fd9430a3e410b3dd3" @@ -5993,11 +5936,6 @@ cipher-base@^1.0.0, cipher-base@^1.0.1, cipher-base@^1.0.3: inherits "^2.0.1" safe-buffer "^5.0.1" -circular-json@^0.3.1: - version "0.3.3" - resolved "https://registry.yarnpkg.com/circular-json/-/circular-json-0.3.3.tgz#815c99ea84f6809529d2f45791bdf82711352d66" - integrity sha512-UZK3NBx2Mca+b5LsG7bY183pHWt5Y1xts4P3Pz7ENTwGVnJOUWbRb3ocjvX7hx9tq/yTAdclXm9sZ38gNuem4A== - class-utils@^0.3.5: version "0.3.5" resolved "https://registry.yarnpkg.com/class-utils/-/class-utils-0.3.5.tgz#17e793103750f9627b2176ea34cfd1b565903c80" @@ -6039,13 +5977,6 @@ cli-boxes@^2.2.0: resolved "https://registry.yarnpkg.com/cli-boxes/-/cli-boxes-2.2.0.tgz#538ecae8f9c6ca508e3c3c95b453fe93cb4c168d" integrity sha512-gpaBrMAizVEANOpfZp/EEUixTXDyGt7DFzdK5hU+UbWt/J0lB0w20ncZj59Z9a93xHb9u12zF5BS6i9RKbtg4w== -cli-cursor@^1.0.1: - version "1.0.2" - resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-1.0.2.tgz#64da3f7d56a54412e59794bd62dc35295e8f2987" - integrity sha1-ZNo/fValRBLll5S9Ytw1KV6PKYc= - dependencies: - restore-cursor "^1.0.1" - cli-cursor@^2.0.0, cli-cursor@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/cli-cursor/-/cli-cursor-2.1.0.tgz#b35dac376479facc3e94747d41d0d0f5238ffcb5" @@ -6073,11 +6004,6 @@ cli-truncate@^0.2.1: slice-ansi "0.0.4" string-width "^1.0.1" -cli-width@^2.0.0: - version "2.2.0" - resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-2.2.0.tgz#ff19ede8a9a5e579324147b0c11f0fbcbabed639" - integrity sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk= - cli-width@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/cli-width/-/cli-width-3.0.0.tgz#a2f48437a2caa9a22436e794bf071ec9e61cedf6" @@ -6124,6 +6050,13 @@ clone-deep@^4.0.1: kind-of "^6.0.2" shallow-clone "^3.0.0" +clone-regexp@^2.1.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/clone-regexp/-/clone-regexp-2.2.0.tgz#7d65e00885cd8796405c35a737e7a86b7429e36f" + integrity sha512-beMpP7BOtTipFuW8hrJvREQ2DrRu3BE7by0ZpibtfBA+qfHYvMGTc2Yb1JMYPKg/JUw0CHYvpg796aNTSW9z7Q== + dependencies: + is-regexp "^2.0.0" + clone-response@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/clone-response/-/clone-response-1.0.2.tgz#d1dc973920314df67fbeb94223b4ee350239e96b" @@ -6241,6 +6174,11 @@ color@1.0.3: color-convert "^1.8.2" color-string "^1.4.0" +colord@^2.9.2: + version "2.9.2" + resolved "https://registry.yarnpkg.com/colord/-/colord-2.9.2.tgz#25e2bacbbaa65991422c07ea209e2089428effb1" + integrity sha512-Uqbg+J445nc1TKn4FoDPS6ZZqAvEDnwrH42yo8B40JSOgSLxMZ/gt3h4nmCtPLQeXhjJJkqBx7SCY35WnIixaQ== + colorette@^2.0.10, colorette@^2.0.14: version "2.0.16" resolved "https://registry.yarnpkg.com/colorette/-/colorette-2.0.16.tgz#713b9af84fdb000139f04546bd4a93f62a5085da" @@ -6268,7 +6206,7 @@ comma-separated-tokens@^1.0.0, comma-separated-tokens@^1.0.1: resolved "https://registry.yarnpkg.com/comma-separated-tokens/-/comma-separated-tokens-1.0.8.tgz#632b80b6117867a158f1080ad498b2fbe7e3f5ea" integrity sha512-GHuDRO12Sypu2cV70d1dkA2EUmXHgntrzbpvOB+Qy+49ypNfGgFQIC2fhhXbnyrJRynDCAARsT7Ou0M6hirpfw== -commander@2, commander@^2.11.0, commander@^2.19.0, commander@^2.20.0, commander@^2.7.1, commander@^2.8.1: +commander@2, commander@^2.11.0, commander@^2.19.0, commander@^2.20.0, commander@^2.7.1: version "2.20.3" resolved "https://registry.yarnpkg.com/commander/-/commander-2.20.3.tgz#fd485e84c03eb4881c20722ba48035e8531aeb33" integrity sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ== @@ -6359,7 +6297,7 @@ concat-map@0.0.1: resolved "https://registry.yarnpkg.com/concat-map/-/concat-map-0.0.1.tgz#d8a96bd77fd68df7793a73036a3ba0d5405d477b" integrity sha1-2Klr13/Wjfd5OnMDajug1UBdR3s= -concat-stream@^1.4.6, concat-stream@^1.4.7, concat-stream@^1.5.0: +concat-stream@^1.4.7, concat-stream@^1.5.0: version "1.6.2" resolved "https://registry.yarnpkg.com/concat-stream/-/concat-stream-1.6.2.tgz#904bdf194cd3122fc675c77fc4ac3d4ff0fd1a34" integrity sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw== @@ -6557,7 +6495,7 @@ core-util-is@1.0.2, core-util-is@^1.0.2, core-util-is@~1.0.0: resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.2.tgz#b5fd54220aa2bc5ab57aab7140c940754503c1a7" integrity sha1-tf1UIgqivFq1eqtxQMlAdUUDwac= -cosmiconfig@^7.0.0: +cosmiconfig@^7.0.0, cosmiconfig@^7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/cosmiconfig/-/cosmiconfig-7.0.1.tgz#714d756522cace867867ccb4474c5d01bbae5d6d" integrity sha512-a1YWNUV2HwGimB7dU2s1wUMurNKjpx60HxBB6xUM8Re+2s1g1IIfJvFR0/iCF+XHdE0GMTKTuLR32UQff4TEyQ== @@ -6747,6 +6685,11 @@ css-color-keywords@^1.0.0: resolved "https://registry.yarnpkg.com/css-color-keywords/-/css-color-keywords-1.0.0.tgz#fea2616dc676b2962686b3af8dbdbe180b244e05" integrity sha1-/qJhbcZ2spYmhrOvjb2+GAskTgU= +css-functions-list@^3.0.1: + version "3.0.1" + resolved "https://registry.yarnpkg.com/css-functions-list/-/css-functions-list-3.0.1.tgz#1460df7fb584d1692c30b105151dbb988c8094f9" + integrity sha512-PriDuifDt4u4rkDgnqRCLnjfMatufLmWNfQnGCq34xZwpY3oabwhB9SqRBmuvWUgndbemCFlKqg+nO7C2q0SBw== + css-in-js-utils@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz#3b472b398787291b47cfe3e44fecfdd9e914ba99" @@ -7142,7 +7085,7 @@ debug-fabulous@1.X: memoizee "0.4.X" object-assign "4.X" -debug@2.6.9, debug@^2.1.1, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9: +debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9: version "2.6.9" resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f" integrity sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA== @@ -7184,10 +7127,10 @@ debug@^3.2.6: dependencies: ms "^2.1.1" -debug@^4: - version "4.3.1" - resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.1.tgz#f0d229c505e0c6d8c49ac553d1b13dc183f6b2ee" - integrity sha512-doEwdvm4PCeK4K3RQN2ZC2BYUBaxwLARCqZmMjtF8a51J2Rb0xpVloFRnCODwqjpwnAoao4pelN8l3RJdv3gRQ== +debug@^4, debug@^4.3.3: + version "4.3.3" + resolved "https://registry.yarnpkg.com/debug/-/debug-4.3.3.tgz#04266e0b70a98d4462e6e288e38259213332b664" + integrity sha512-/zxw5+vh1Tfv+4Qn7a5nsbcJKPaSvCDhojn6FEl9vupwK2VCSDtEiEtqr8DFtzYFOdz63LBkxec7DYuc2jon6Q== dependencies: ms "2.1.2" @@ -7387,19 +7330,6 @@ del-cli@^3.0.1: del "^5.1.0" meow "^6.1.1" -del@^2.0.2: - version "2.2.2" - resolved "https://registry.yarnpkg.com/del/-/del-2.2.2.tgz#c12c981d067846c84bcaf862cff930d907ffd1a8" - integrity sha1-wSyYHQZ4RshLyvhiz/kw2Qf/0ag= - dependencies: - globby "^5.0.0" - is-path-cwd "^1.0.0" - is-path-in-cwd "^1.0.0" - object-assign "^4.0.1" - pify "^2.0.0" - pinkie-promise "^2.0.0" - rimraf "^2.2.8" - del@^4.1.1: version "4.1.1" resolved "https://registry.yarnpkg.com/del/-/del-4.1.1.tgz#9e8f117222ea44a31ff3a156c049b99052a9f0b4" @@ -7641,7 +7571,7 @@ dns-txt@^2.0.2: dependencies: buffer-indexof "^1.0.0" -doctrine@1.5.0, doctrine@^1.2.2: +doctrine@1.5.0: version "1.5.0" resolved "https://registry.yarnpkg.com/doctrine/-/doctrine-1.5.0.tgz#379dce730f6166f76cefa4e6707a159b02c5a6fa" integrity sha1-N53Ocw9hZvds76TmcHoVmwLFpvo= @@ -8157,7 +8087,7 @@ es6-error@^4.0.1: resolved "https://registry.yarnpkg.com/es6-error/-/es6-error-4.1.1.tgz#9e3af407459deed47e9a91f9b885a84eb05c561d" integrity sha512-Um/+FxMr9CISWh0bi5Zv0iOD+4cFh5qLeks1qhAopKVAJw3drgKbKySikp7wGhDL0HPeaja0P5ULZrxLkniUVg== -es6-iterator@^2.0.1, es6-iterator@~2.0.1, es6-iterator@~2.0.3: +es6-iterator@^2.0.1, es6-iterator@~2.0.3: version "2.0.3" resolved "https://registry.yarnpkg.com/es6-iterator/-/es6-iterator-2.0.3.tgz#a7de889141a05a94b0854403b2d0a0fbfa98f3b7" integrity sha1-p96IkUGgWpSwhUQDstCg+/qY87c= @@ -8166,18 +8096,6 @@ es6-iterator@^2.0.1, es6-iterator@~2.0.1, es6-iterator@~2.0.3: es5-ext "^0.10.35" es6-symbol "^3.1.1" -es6-map@^0.1.3: - version "0.1.5" - resolved "https://registry.yarnpkg.com/es6-map/-/es6-map-0.1.5.tgz#9136e0503dcc06a301690f0bb14ff4e364e949f0" - integrity sha1-kTbgUD3MBqMBaQ8LsU/042TpSfA= - dependencies: - d "1" - es5-ext "~0.10.14" - es6-iterator "~2.0.1" - es6-set "~0.1.5" - es6-symbol "~3.1.1" - event-emitter "~0.3.5" - es6-promise@^4.0.3, es6-promise@^4.2.8: version "4.2.8" resolved "https://registry.yarnpkg.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a" @@ -8190,18 +8108,7 @@ es6-promisify@^5.0.0: dependencies: es6-promise "^4.0.3" -es6-set@~0.1.5: - version "0.1.5" - resolved "https://registry.yarnpkg.com/es6-set/-/es6-set-0.1.5.tgz#d2b3ec5d4d800ced818db538d28974db0a73ccb1" - integrity sha1-0rPsXU2ADO2BjbU40ol02wpzzLE= - dependencies: - d "1" - es5-ext "~0.10.14" - es6-iterator "~2.0.1" - es6-symbol "3.1.1" - event-emitter "~0.3.5" - -es6-symbol@3.1.1, es6-symbol@^3.1.1, es6-symbol@~3.1.1: +es6-symbol@^3.1.1, es6-symbol@~3.1.1: version "3.1.1" resolved "https://registry.yarnpkg.com/es6-symbol/-/es6-symbol-3.1.1.tgz#bf00ef4fdab6ba1b46ecb7b629b4c7ed5715cc77" integrity sha1-vwDvT9q2uhtG7Le2KbTH7VcVzHc= @@ -8217,7 +8124,7 @@ es6-templates@^0.2.3: recast "~0.11.12" through "~2.3.6" -es6-weak-map@^2.0.1, es6-weak-map@^2.0.2: +es6-weak-map@^2.0.2: version "2.0.2" resolved "https://registry.yarnpkg.com/es6-weak-map/-/es6-weak-map-2.0.2.tgz#5e3ab32251ffd1538a1f8e5ffa1357772f92d96f" integrity sha1-XjqzIlH/0VOKH45f+hNXdy+S2W8= @@ -8281,16 +8188,6 @@ escodegen@^1.14.1: optionalDependencies: source-map "~0.6.1" -escope@^3.6.0: - version "3.6.0" - resolved "https://registry.yarnpkg.com/escope/-/escope-3.6.0.tgz#e01975e812781a163a6dadfdd80398dc64c889c3" - integrity sha1-4Bl16BJ4GhY6ba392AOY3GTIicM= - dependencies: - es6-map "^0.1.3" - es6-weak-map "^2.0.1" - esrecurse "^4.1.0" - estraverse "^4.1.1" - eslint-config-prettier@^6.11.0: version "6.11.0" resolved "https://registry.yarnpkg.com/eslint-config-prettier/-/eslint-config-prettier-6.11.0.tgz#f6d2238c1290d01c859a8b5c1f7d352a0b0da8b1" @@ -8533,45 +8430,6 @@ eslint-visitor-keys@^2.0.0: resolved "https://registry.yarnpkg.com/eslint-visitor-keys/-/eslint-visitor-keys-2.0.0.tgz#21fdc8fbcd9c795cc0321f0563702095751511a8" integrity sha512-QudtT6av5WXels9WjIM7qz1XD1cWGvX4gGXvp/zBn9nXG02D0utdU3Em2m/QjTnrsk6bBjmCygl3rmj118msQQ== -eslint@^2.7.0: - version "2.13.1" - resolved "https://registry.yarnpkg.com/eslint/-/eslint-2.13.1.tgz#e4cc8fa0f009fb829aaae23855a29360be1f6c11" - integrity sha1-5MyPoPAJ+4KaquI4VaKTYL4fbBE= - dependencies: - chalk "^1.1.3" - concat-stream "^1.4.6" - debug "^2.1.1" - doctrine "^1.2.2" - es6-map "^0.1.3" - escope "^3.6.0" - espree "^3.1.6" - estraverse "^4.2.0" - esutils "^2.0.2" - file-entry-cache "^1.1.1" - glob "^7.0.3" - globals "^9.2.0" - ignore "^3.1.2" - imurmurhash "^0.1.4" - inquirer "^0.12.0" - is-my-json-valid "^2.10.0" - is-resolvable "^1.0.0" - js-yaml "^3.5.1" - json-stable-stringify "^1.0.0" - levn "^0.3.0" - lodash "^4.0.0" - mkdirp "^0.5.0" - optionator "^0.8.1" - path-is-absolute "^1.0.0" - path-is-inside "^1.0.1" - pluralize "^1.2.1" - progress "^1.1.8" - require-uncached "^1.0.2" - shelljs "^0.6.0" - strip-json-comments "~1.0.1" - table "^3.7.8" - text-table "~0.2.0" - user-home "^2.0.0" - eslint@^6.8.0: version "6.8.0" resolved "https://registry.yarnpkg.com/eslint/-/eslint-6.8.0.tgz#62262d6729739f9275723824302fb227c8c93ffb" @@ -8615,14 +8473,6 @@ eslint@^6.8.0: text-table "^0.2.0" v8-compile-cache "^2.0.3" -espree@^3.1.6: - version "3.5.4" - resolved "https://registry.yarnpkg.com/espree/-/espree-3.5.4.tgz#b0f447187c8a8bed944b815a660bddf5deb5d1a7" - integrity sha512-yAcIQxtmMiB/jL32dzEp2enBeidsB7xWPLNiw3IIkpVds1P+h7qF9YwJq1yUNzp2OKXgAprs4F61ih66UsoD1A== - dependencies: - acorn "^5.5.0" - acorn-jsx "^3.0.0" - espree@^6.1.2: version "6.1.2" resolved "https://registry.yarnpkg.com/espree/-/espree-6.1.2.tgz#6c272650932b4f91c3714e5e7b5f5e2ecf47262d" @@ -8671,7 +8521,7 @@ etag@~1.8.1: resolved "https://registry.yarnpkg.com/etag/-/etag-1.8.1.tgz#41ae2eeb65efa62268aebfea83ac7d79299b0887" integrity sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc= -event-emitter@^0.3.5, event-emitter@~0.3.5: +event-emitter@^0.3.5: version "0.3.5" resolved "https://registry.yarnpkg.com/event-emitter/-/event-emitter-0.3.5.tgz#df8c69eef1647923c7157b9ce83840610b02cc39" integrity sha1-34xp7vFkeSPHFXuc6DhAYQsCzDk= @@ -8755,16 +8605,18 @@ execa@^5.0.0: signal-exit "^3.0.3" strip-final-newline "^2.0.0" +execall@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/execall/-/execall-2.0.0.tgz#16a06b5fe5099df7d00be5d9c06eecded1663b45" + integrity sha512-0FU2hZ5Hh6iQnarpRtQurM/aAvp3RIbfvgLHrcqJYzhXyV2KFruhuChf9NC6waAhiUR7FFtlugkI4p7f2Fqlow== + dependencies: + clone-regexp "^2.1.0" + exif-parser@^0.1.12: version "0.1.12" resolved "https://registry.yarnpkg.com/exif-parser/-/exif-parser-0.1.12.tgz#58a9d2d72c02c1f6f02a0ef4a9166272b7760922" integrity sha1-WKnS1ywCwfbwKg70qRZicrd2CSI= -exit-hook@^1.0.0: - version "1.1.1" - resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-1.1.1.tgz#f05ca233b48c05d54fff07765df8507e95c02ff8" - integrity sha1-8FyiM7SMBdVP/wd2XfhQfpXAL/g= - exit-hook@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/exit-hook/-/exit-hook-2.2.0.tgz#f5502f92179018e867f2d8ee4428392da7f3894e" @@ -8943,19 +8795,7 @@ fast-glob@^2.0.2, fast-glob@^2.2.6: merge2 "^1.2.3" micromatch "^3.1.10" -fast-glob@^3.0.3, fast-glob@^3.2.2: - version "3.2.2" - resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.2.tgz#ade1a9d91148965d4bf7c51f72e1ca662d32e63d" - integrity sha512-UDV82o4uQyljznxwMxyVRJgZZt3O5wENYojjzbaGEGZgeOxkLFf+V4cnUD+krzb2F72E18RhamkMZ7AdeggF7A== - dependencies: - "@nodelib/fs.stat" "^2.0.2" - "@nodelib/fs.walk" "^1.2.3" - glob-parent "^5.1.0" - merge2 "^1.3.0" - micromatch "^4.0.2" - picomatch "^2.2.1" - -fast-glob@^3.2.9: +fast-glob@^3.0.3, fast-glob@^3.2.11, fast-glob@^3.2.2, fast-glob@^3.2.9: version "3.2.11" resolved "https://registry.yarnpkg.com/fast-glob/-/fast-glob-3.2.11.tgz#a1172ad95ceb8a16e20caa5c5e56480e5129c1d9" integrity sha512-xrO3+1bxSo3ZVHAnqzyuewYT6aMFHRAd4Kcs92MAonjwQZLsK9d0SF1IyQ3k5PoirxTW0Oe/RqFgMQ6TcNE5Ew== @@ -9073,7 +8913,7 @@ figgy-pudding@^3.5.1: resolved "https://registry.yarnpkg.com/figgy-pudding/-/figgy-pudding-3.5.2.tgz#b4eee8148abb01dcf1d1ac34367d59e12fa61d6e" integrity sha512-0btnI/H8f2pavGMN8w40mlSKOfTK2SVJmBfBeVIj3kNw0swwgzyRq0d5TJVOwodFmtvpPeWPN/MCcfuWF0Ezbw== -figures@^1.3.5, figures@^1.7.0: +figures@^1.7.0: version "1.7.0" resolved "https://registry.yarnpkg.com/figures/-/figures-1.7.0.tgz#cbe1e3affcf1cd44b80cadfed28dc793a9701d2e" integrity sha1-y+Hjr/zxzUS4DK3+0o3Hk6lwHS4= @@ -9095,14 +8935,6 @@ figures@^3.0.0: dependencies: escape-string-regexp "^1.0.5" -file-entry-cache@^1.1.1: - version "1.3.1" - resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-1.3.1.tgz#44c61ea607ae4be9c1402f41f44270cbfe334ff8" - integrity sha1-RMYepgeuS+nBQC9B9EJwy/4zT/g= - dependencies: - flat-cache "^1.2.1" - object-assign "^4.0.1" - file-entry-cache@^5.0.1: version "5.0.1" resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-5.0.1.tgz#ca0f6efa6dd3d561333fb14515065c2fafdf439c" @@ -9110,6 +8942,13 @@ file-entry-cache@^5.0.1: dependencies: flat-cache "^2.0.1" +file-entry-cache@^6.0.1: + version "6.0.1" + resolved "https://registry.yarnpkg.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz#211b2dd9659cb0394b073e7323ac3c933d522027" + integrity sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg== + dependencies: + flat-cache "^3.0.4" + file-loader@^4.2.0: version "4.2.0" resolved "https://registry.yarnpkg.com/file-loader/-/file-loader-4.2.0.tgz#5fb124d2369d7075d70a9a5abecd12e60a95215e" @@ -9255,16 +9094,6 @@ flagged-respawn@^1.0.1: resolved "https://registry.yarnpkg.com/flagged-respawn/-/flagged-respawn-1.0.1.tgz#e7de6f1279ddd9ca9aac8a5971d618606b3aab41" integrity sha512-lNaHNVymajmk0OJMBn8fVUAU1BtDeKIqKoVhk4xAALB57aALg6b4W0MfJ/cUE0g9YBXy5XhSlPIpYIJ7HaY/3Q== -flat-cache@^1.2.1: - version "1.3.0" - resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-1.3.0.tgz#d3030b32b38154f4e3b7e9c709f490f7ef97c481" - integrity sha1-0wMLMrOBVPTjt+nHCfSQ9++XxIE= - dependencies: - circular-json "^0.3.1" - del "^2.0.2" - graceful-fs "^4.1.2" - write "^0.2.1" - flat-cache@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-2.0.1.tgz#5d296d6f04bda44a4630a301413bdbc2ec085ec0" @@ -9274,6 +9103,14 @@ flat-cache@^2.0.1: rimraf "2.6.3" write "1.0.3" +flat-cache@^3.0.4: + version "3.0.4" + resolved "https://registry.yarnpkg.com/flat-cache/-/flat-cache-3.0.4.tgz#61b0338302b2fe9f957dcc32fc2a87f1c3048b11" + integrity sha512-dm9s5Pw7Jc0GvMYbshN6zchCA9RgQlzzEZX3vylR9IqFfS8XciblUXOKfW6SiuJ0e13eDYZoZV5wdrev7P3Nwg== + dependencies: + flatted "^3.1.0" + rimraf "^3.0.2" + flat@^4.1.0: version "4.1.1" resolved "https://registry.yarnpkg.com/flat/-/flat-4.1.1.tgz#a392059cc382881ff98642f5da4dde0a959f309b" @@ -9286,6 +9123,11 @@ flatted@^2.0.0: resolved "https://registry.yarnpkg.com/flatted/-/flatted-2.0.0.tgz#55122b6536ea496b4b44893ee2608141d10d9916" integrity sha512-R+H8IZclI8AAkSBRQJLVOsxwAoHd6WC40b4QTNWIjzAa6BXOBfQcM587MXDTVPeYaopFNWHUFLx7eNmHDSxMWg== +flatted@^3.1.0: + version "3.2.5" + resolved "https://registry.yarnpkg.com/flatted/-/flatted-3.2.5.tgz#76c8584f4fc843db64702a6bd04ab7a8bd666da3" + integrity sha512-WIWGi2L3DyTUvUrwRKgGi9TwxQMUEqPOPQBVi71R96jZXJdFskXEmf54BoZaS1kknGODoIGASGEzBUYdyMCBJg== + flush-write-stream@^1.0.0, flush-write-stream@^1.0.2: version "1.0.3" resolved "https://registry.yarnpkg.com/flush-write-stream/-/flush-write-stream-1.0.3.tgz#c5d586ef38af6097650b49bc41b55fabb19f35bd" @@ -9419,27 +9261,11 @@ from2@^2.1.0: inherits "^2.0.1" readable-stream "^2.0.0" -front-matter@2.1.2, front-matter@^4.0.2: - version "4.0.2" - resolved "https://registry.yarnpkg.com/front-matter/-/front-matter-4.0.2.tgz#b14e54dc745cfd7293484f3210d15ea4edd7f4d5" - integrity sha512-I8ZuJ/qG92NWX8i5x1Y8qyj3vizhXS31OxjKDu3LKP+7/qBgfIKValiZIEwoVoJKUHlhWtYrktkxV1XsX+pPlg== - dependencies: - js-yaml "^3.13.1" - fs-constants@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad" integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow== -fs-extra@^3.0.1: - version "3.0.1" - resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-3.0.1.tgz#3794f378c58b342ea7dbbb23095109c4b3b62291" - integrity sha1-N5TzeMWLNC6n27sjCVEJxLO2IpE= - dependencies: - graceful-fs "^4.1.2" - jsonfile "^3.0.0" - universalify "^0.1.0" - fs-extra@~7.0.1: version "7.0.1" resolved "https://registry.yarnpkg.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9" @@ -9563,20 +9389,6 @@ geckodriver@^1.21.0: https-proxy-agent "5.0.0" tar "6.0.2" -generate-function@^2.0.0: - version "2.3.1" - resolved "https://registry.yarnpkg.com/generate-function/-/generate-function-2.3.1.tgz#f069617690c10c868e73b8465746764f97c3479f" - integrity sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ== - dependencies: - is-property "^1.0.2" - -generate-object-property@^1.1.0: - version "1.2.0" - resolved "https://registry.yarnpkg.com/generate-object-property/-/generate-object-property-1.2.0.tgz#9c0e1c40308ce804f4783618b937fa88f99d50d0" - integrity sha1-nA4cQDCM6AT0eDYYuTf6iPmdUNA= - dependencies: - is-property "^1.0.0" - gensync@^1.0.0-beta.2: version "1.0.0-beta.2" resolved "https://registry.yarnpkg.com/gensync/-/gensync-1.0.0-beta.2.tgz#32a6ee76c3d7f52d46b2b1ae5d93fea8580a25e0" @@ -9611,6 +9423,11 @@ get-stdin@^6.0.0: resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-6.0.0.tgz#9e09bf712b360ab9225e812048f71fde9c89657b" integrity sha512-jp4tHawyV7+fkkSKyvjuLZswblUtz+SQKzSWnBbii16BuZksJlU1wuBYXY75r+duh/llF1ur6oNwi+2ZzjKZ7g== +get-stdin@^8.0.0: + version "8.0.0" + resolved "https://registry.yarnpkg.com/get-stdin/-/get-stdin-8.0.0.tgz#cbad6a73feb75f6eeb22ba9e01f89aa28aa97a53" + integrity sha512-sY22aA6xchAzprjyqmSEQv4UbAAzRN0L2dQB0NlN5acTTK9Don6nhoc3eAbUnpZiCANAMfd/+40kVdKfFygohg== + get-stream@^4.0.0, get-stream@^4.1.0: version "4.1.0" resolved "https://registry.yarnpkg.com/get-stream/-/get-stream-4.1.0.tgz#c1b255575f3dc21d59bfc79cd3d2b46b1c3a54b5" @@ -9675,7 +9492,7 @@ glob-all@^3.2.1: glob "^7.1.2" yargs "^15.3.1" -glob-parent@^3.1.0, glob-parent@^5.0.0, glob-parent@^5.1.0, glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@^6.0.0, glob-parent@~5.1.0, glob-parent@~5.1.2: +glob-parent@^3.1.0, glob-parent@^5.0.0, glob-parent@^5.1.1, glob-parent@^5.1.2, glob-parent@^6.0.0, glob-parent@~5.1.0, glob-parent@~5.1.2: version "6.0.2" resolved "https://registry.yarnpkg.com/glob-parent/-/glob-parent-6.0.2.tgz#6d237d99083950c79290f24c7642a3de9a28f9e3" integrity sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A== @@ -9776,6 +9593,13 @@ global-modules@^1.0.0: is-windows "^1.0.1" resolve-dir "^1.0.0" +global-modules@^2.0.0: + version "2.0.0" + resolved "https://registry.yarnpkg.com/global-modules/-/global-modules-2.0.0.tgz#997605ad2345f27f51539bea26574421215c7780" + integrity sha512-NGbfmJBp9x8IxyJSd1P+otYK8vonoJactOogrVfFRIAEY1ukil8RSKDz2Yo7wh1oihl51l/r6W4epkeKJHqL8A== + dependencies: + global-prefix "^3.0.0" + global-prefix@^1.0.1: version "1.0.2" resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-1.0.2.tgz#dbf743c6c14992593c655568cb66ed32c0122ebe" @@ -9787,6 +9611,15 @@ global-prefix@^1.0.1: is-windows "^1.0.1" which "^1.2.14" +global-prefix@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/global-prefix/-/global-prefix-3.0.0.tgz#fc85f73064df69f50421f47f883fe5b913ba9b97" + integrity sha512-awConJSVCHVGND6x3tmMaKcQvwXLhjdkmomy2W+Goaui8YPgYgXJZewhg3fWC+DlfqqQuWg8AwqjGTD2nAPVWg== + dependencies: + ini "^1.3.5" + kind-of "^6.0.2" + which "^1.3.1" + global@~4.3.0: version "4.3.2" resolved "https://registry.yarnpkg.com/global/-/global-4.3.2.tgz#e76989268a6c74c38908b1305b10fc0e394e9d0f" @@ -9807,11 +9640,6 @@ globals@^12.1.0: dependencies: type-fest "^0.8.1" -globals@^9.2.0: - version "9.18.0" - resolved "https://registry.yarnpkg.com/globals/-/globals-9.18.0.tgz#aa3896b3e69b487f17e31ed2143d69a8e30c2d8a" - integrity sha512-S0nG3CLEQiY/ILxqtztTWH/3iRRdyBLw6KMDxnKMchrtbj2OFmehVh0WUCfW3DUrIgx/qFrJPICrq4Z4sTR9UQ== - globby@^10.0.1: version "10.0.2" resolved "https://registry.yarnpkg.com/globby/-/globby-10.0.2.tgz#277593e745acaa4646c3ab411289ec47a0392543" @@ -9826,7 +9654,7 @@ globby@^10.0.1: merge2 "^1.2.3" slash "^3.0.0" -globby@^11.0.1, globby@^11.0.4: +globby@^11.0.1, globby@^11.0.4, globby@^11.1.0: version "11.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-11.1.0.tgz#bd4be98bb042f83d796f7e3811991fbe82a0d34b" integrity sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g== @@ -9838,18 +9666,6 @@ globby@^11.0.1, globby@^11.0.4: merge2 "^1.4.1" slash "^3.0.0" -globby@^5.0.0: - version "5.0.0" - resolved "https://registry.yarnpkg.com/globby/-/globby-5.0.0.tgz#ebd84667ca0dbb330b99bcfc68eac2bc54370e0d" - integrity sha1-69hGZ8oNuzMLmbz8aOrCvFQ3Dg0= - dependencies: - array-union "^1.0.1" - arrify "^1.0.0" - glob "^7.0.3" - object-assign "^4.0.1" - pify "^2.0.0" - pinkie-promise "^2.0.0" - globby@^6.1.0: version "6.1.0" resolved "https://registry.yarnpkg.com/globby/-/globby-6.1.0.tgz#f5a6d70e8395e21c858fb0489d64df02424d506c" @@ -9888,6 +9704,11 @@ globby@^9.2.0: pify "^4.0.1" slash "^2.0.0" +globjoin@^0.1.4: + version "0.1.4" + resolved "https://registry.yarnpkg.com/globjoin/-/globjoin-0.1.4.tgz#2f4494ac8919e3767c5cbb691e9f463324285d43" + integrity sha1-L0SUrIkZ43Z8XLtpHp9GMyQoXUM= + globule@^1.0.0: version "1.2.1" resolved "https://registry.yarnpkg.com/globule/-/globule-1.2.1.tgz#5dffb1b191f22d20797a9369b49eab4e9839696d" @@ -9897,13 +9718,6 @@ globule@^1.0.0: lodash "~4.17.10" minimatch "~3.0.2" -gonzales-pe-sl@^4.2.3: - version "4.2.3" - resolved "https://registry.yarnpkg.com/gonzales-pe-sl/-/gonzales-pe-sl-4.2.3.tgz#6a868bc380645f141feeb042c6f97fcc71b59fe6" - integrity sha1-aoaLw4BkXxQf7rBCxvl/zHG1n+Y= - dependencies: - minimist "1.1.x" - got@5.6.0: version "5.6.0" resolved "https://registry.yarnpkg.com/got/-/got-5.6.0.tgz#bb1d7ee163b78082bbc8eb836f3f395004ea6fbf" @@ -10581,6 +10395,11 @@ html-minifier@^3.5.8: relateurl "0.2.x" uglify-js "3.4.x" +html-tags@^3.1.0: + version "3.1.0" + resolved "https://registry.yarnpkg.com/html-tags/-/html-tags-3.1.0.tgz#7b5e6f7e665e9fb41f30007ed9e0d41e97fb2140" + integrity sha512-1qYz89hW3lFDEazhjW0yVAV87lw8lVkrJocr72XmBkMKsoSVJCQx3W8BXsC7hO2qAt8BoVjYjtAcZ9perqGnNg== + html-to-react@^1.3.4: version "1.3.4" resolved "https://registry.yarnpkg.com/html-to-react/-/html-to-react-1.3.4.tgz#647b3a54fdec73a6461864b129fb0d1eec7d4589" @@ -10774,7 +10593,7 @@ iferr@^0.1.5: resolved "https://registry.yarnpkg.com/iferr/-/iferr-0.1.5.tgz#c60eed69e6d8fdb6b3104a1fcbca1c192dc5b501" integrity sha1-xg7taebY/bazEEofy8ocGS3FtQE= -ignore@^3.1.2, ignore@^3.3.5: +ignore@^3.3.5: version "3.3.10" resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.10.tgz#0a97fb876986e8081c631160f8f9f389157f0043" integrity sha512-Pgs951kaMm5GXP7MOvxERINe3gsaVjUWFm+UZPSq9xYriQAksyhg0csnS0KXSNRD5NmNdapXEpjxG49+AKh/ug== @@ -10834,7 +10653,7 @@ import-lazy@^2.1.0: resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-2.1.0.tgz#05698e3d45c88e8d7e9d92cb0584e77f096f3e43" integrity sha1-BWmOPUXIjo1+nZLLBYTnfwlvPkM= -import-lazy@~4.0.0: +import-lazy@^4.0.0, import-lazy@~4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/import-lazy/-/import-lazy-4.0.0.tgz#e8eb627483a0a43da3c03f3e35548be5cb0cc153" integrity sha512-rKtvo6a868b5Hu3heneU+L4yEQ4jYKLtjpnPeUdK7h0yzXGmyBTypknlkCvHFBqfX9YlorEiMM6Dnq/5atfHkw== @@ -10867,11 +10686,6 @@ indent-string@^4.0.0: resolved "https://registry.yarnpkg.com/indent-string/-/indent-string-4.0.0.tgz#624f8f4497d619b2d9768531d58f4122854d7251" integrity sha512-EdDDZu4A2OyIK7Lr/2zG+w5jmbuk1DVBnEwREQvBzspBJkCEbRa8GxU1lghYcaGJCnRWibjDXlq779X1/y5xwg== -indexes-of@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/indexes-of/-/indexes-of-1.0.1.tgz#f30f716c8e2bd346c7b67d3df3915566a7c05607" - integrity sha1-8w9xbI4r00bHtn0985FVZqfAVgc= - infer-owner@^1.0.3, infer-owner@^1.0.4: version "1.0.4" resolved "https://registry.yarnpkg.com/infer-owner/-/infer-owner-1.0.4.tgz#c4cefcaa8e51051c2a40ba2ce8a3d27295af9467" @@ -10930,25 +10744,6 @@ inline-style@^2.0.0: dependencies: dashify "^0.1.0" -inquirer@^0.12.0: - version "0.12.0" - resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-0.12.0.tgz#1ef2bfd63504df0bc75785fff8c2c41df12f077e" - integrity sha1-HvK/1jUE3wvHV4X/+MLEHfEvB34= - dependencies: - ansi-escapes "^1.1.0" - ansi-regex "^2.0.0" - chalk "^1.0.0" - cli-cursor "^1.0.1" - cli-width "^2.0.0" - figures "^1.3.5" - lodash "^4.3.0" - readline2 "^1.0.1" - run-async "^0.1.0" - rx-lite "^3.1.2" - string-width "^1.0.1" - strip-ansi "^3.0.0" - through "^2.3.6" - inquirer@^7.0.0, inquirer@^7.3.3: version "7.3.3" resolved "https://registry.yarnpkg.com/inquirer/-/inquirer-7.3.3.tgz#04d176b2af04afc157a83fd7c100e98ee0aad003" @@ -11326,22 +11121,6 @@ is-map@^2.0.1: resolved "https://registry.yarnpkg.com/is-map/-/is-map-2.0.1.tgz#520dafc4307bb8ebc33b813de5ce7c9400d644a1" integrity sha512-T/S49scO8plUiAOA2DBTBG3JHpn1yiw0kRp6dgiZ0v2/6twi5eiB0rHtHFH9ZIrvlWc6+4O+m4zg5+Z833aXgw== -is-my-ip-valid@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-my-ip-valid/-/is-my-ip-valid-1.0.0.tgz#7b351b8e8edd4d3995d4d066680e664d94696824" - integrity sha512-gmh/eWXROncUzRnIa1Ubrt5b8ep/MGSnfAUI3aRp+sqTCs1tv1Isl8d8F6JmkN3dXKc3ehZMrtiPN9eL03NuaQ== - -is-my-json-valid@^2.10.0: - version "2.20.5" - resolved "https://registry.yarnpkg.com/is-my-json-valid/-/is-my-json-valid-2.20.5.tgz#5eca6a8232a687f68869b7361be1612e7512e5df" - integrity sha512-VTPuvvGQtxvCeghwspQu1rBgjYUT6FGxPlvFKbYuFtgc4ADsX3U5ihZOYN0qyU6u+d4X9xXb0IT5O6QpXKt87A== - dependencies: - generate-function "^2.0.0" - generate-object-property "^1.1.0" - is-my-ip-valid "^1.0.0" - jsonpointer "^4.0.0" - xtend "^4.0.0" - is-native@^1.0.1: version "1.0.1" resolved "https://registry.yarnpkg.com/is-native/-/is-native-1.0.1.tgz#cd18cc162e8450d683b5babe79ac99c145449675" @@ -11411,23 +11190,11 @@ is-odd@^2.0.0: dependencies: is-number "^4.0.0" -is-path-cwd@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-1.0.0.tgz#d225ec23132e89edd38fda767472e62e65f1106d" - integrity sha1-0iXsIxMuie3Tj9p2dHLmLmXxEG0= - is-path-cwd@^2.0.0, is-path-cwd@^2.2.0: version "2.2.0" resolved "https://registry.yarnpkg.com/is-path-cwd/-/is-path-cwd-2.2.0.tgz#67d43b82664a7b5191fd9119127eb300048a9fdb" integrity sha512-w942bTcih8fdJPJmQHFzkS76NEP8Kzzvmw92cXsazb8intwLqPibPPdXf4ANdKV3rYMuuQYGIWtvz9JilB3NFQ== -is-path-in-cwd@^1.0.0: - version "1.0.0" - resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-1.0.0.tgz#6477582b8214d602346094567003be8a9eac04dc" - integrity sha1-ZHdYK4IU1gI0YJRWcAO+ip6sBNw= - dependencies: - is-path-inside "^1.0.0" - is-path-in-cwd@^2.0.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-path-in-cwd/-/is-path-in-cwd-2.1.0.tgz#bfe2dca26c69f397265a4009963602935a053acb" @@ -11435,13 +11202,6 @@ is-path-in-cwd@^2.0.0: dependencies: is-path-inside "^2.1.0" -is-path-inside@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-1.0.1.tgz#8ef5b7de50437a3fdca6b4e865ef7aa55cb48036" - integrity sha1-jvW33lBDej/cprToZe96pVy0gDY= - dependencies: - path-is-inside "^1.0.1" - is-path-inside@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/is-path-inside/-/is-path-inside-2.1.0.tgz#7c9810587d659a40d27bcdb4d5616eab059494b2" @@ -11476,6 +11236,11 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4: dependencies: isobject "^3.0.1" +is-plain-object@^5.0.0: + version "5.0.0" + resolved "https://registry.yarnpkg.com/is-plain-object/-/is-plain-object-5.0.0.tgz#4427f50ab3429e9025ea7d52e9043a9ef4159344" + integrity sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q== + is-potential-custom-element-name@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.0.tgz#0c52e54bcca391bb2c494b21e8626d7336c6e397" @@ -11486,11 +11251,6 @@ is-promise@^2.1, is-promise@^2.1.0: resolved "https://registry.yarnpkg.com/is-promise/-/is-promise-2.1.0.tgz#79a2a9ece7f096e80f36d2b2f3bc16c1ff4bf3fa" integrity sha1-eaKp7OfwlugPNtKy87wWwf9L8/o= -is-property@^1.0.0, is-property@^1.0.2: - version "1.0.2" - resolved "https://registry.yarnpkg.com/is-property/-/is-property-1.0.2.tgz#57fe1c4e48474edd65b09911f26b1cd4095dda84" - integrity sha1-V/4cTkhHTt1lsJkR8msc1Ald2oQ= - is-redirect@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-redirect/-/is-redirect-1.0.0.tgz#1d03dded53bd8db0f30c26e4f95d36fc7c87dc24" @@ -11504,6 +11264,11 @@ is-regex@^1.0.4, is-regex@^1.0.5, is-regex@^1.1.0: call-bind "^1.0.2" has-tostringtag "^1.0.0" +is-regexp@^2.0.0: + version "2.1.0" + resolved "https://registry.yarnpkg.com/is-regexp/-/is-regexp-2.1.0.tgz#cd734a56864e23b956bf4e7c66c396a4c0b22c2d" + integrity sha512-OZ4IlER3zmRIoB9AqNhEggVxqIH4ofDns5nRrPS6yQxXE1TPCUpFznBfRQmQa8uC+pXqjMnukiJBxCisIxiLGA== + is-relative@^1.0.0: version "1.0.0" resolved "https://registry.yarnpkg.com/is-relative/-/is-relative-1.0.0.tgz#a1bb6935ce8c5dba1e8b9754b9b2dcc020e2260d" @@ -11511,11 +11276,6 @@ is-relative@^1.0.0: dependencies: is-unc-path "^1.0.0" -is-resolvable@^1.0.0: - version "1.1.0" - resolved "https://registry.yarnpkg.com/is-resolvable/-/is-resolvable-1.1.0.tgz#fb18f87ce1feb925169c9a407c19318a3206ed88" - integrity sha512-qgDYXFSR5WvEfuS5dMj6oTMEbrrSaM0CrFk2Yiq/gXnBvD9pMa2jGXxyhGLfvhZpuMZe18CJpFxAt3CRs42NMg== - is-retry-allowed@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/is-retry-allowed/-/is-retry-allowed-1.1.0.tgz#11a060568b67339444033d0125a61a20d564fb34" @@ -12331,7 +12091,7 @@ js-yaml@3.13.1, js-yaml@~3.13.1: argparse "^1.0.7" esprima "^4.0.0" -js-yaml@^3.13.1, js-yaml@^3.14.0, js-yaml@^3.5.1, js-yaml@^3.5.4, js-yaml@~3.14.0: +js-yaml@^3.13.1, js-yaml@^3.14.0, js-yaml@~3.14.0: version "3.14.1" resolved "https://registry.yarnpkg.com/js-yaml/-/js-yaml-3.14.1.tgz#dae812fdb3825fa306609a8717383c50c36a0537" integrity sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g== @@ -12494,13 +12254,6 @@ json5@^2.1.2: dependencies: minimist "^1.2.5" -jsonfile@^3.0.0: - version "3.0.1" - resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-3.0.1.tgz#a5ecc6f65f53f662c4415c7675a0331d0992ec66" - integrity sha1-pezG9l9T9mLEQVx2daAzHQmS7GY= - optionalDependencies: - graceful-fs "^4.1.6" - jsonfile@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/jsonfile/-/jsonfile-4.0.0.tgz#8771aae0799b64076b76640fca058f9c10e33ecb" @@ -12518,11 +12271,6 @@ jsonparse@^1.2.0: resolved "https://registry.yarnpkg.com/jsonparse/-/jsonparse-1.3.1.tgz#3f4dae4a91fac315f71062f8521cc239f1366280" integrity sha1-P02uSpH6wxX3EGL4UhzCOfE2YoA= -jsonpointer@^4.0.0: - version "4.1.0" - resolved "https://registry.yarnpkg.com/jsonpointer/-/jsonpointer-4.1.0.tgz#501fb89986a2389765ba09e6053299ceb4f2c2cc" - integrity sha512-CXcRvMyTlnR53xMcKnuMzfCA5i/nfblTnnr74CZb6C4vG39eu6w51t7nKmU5MfLfbTgGItliNyjO/ciNPDqClg== - jsonwebtoken@^8.3.0: version "8.5.1" resolved "https://registry.yarnpkg.com/jsonwebtoken/-/jsonwebtoken-8.5.1.tgz#00e71e0b8df54c2121a1f26137df2280673bcc0d" @@ -12628,10 +12376,10 @@ klona@^2.0.4: resolved "https://registry.yarnpkg.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc" integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ== -known-css-properties@^0.3.0: - version "0.3.0" - resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.3.0.tgz#a3d135bbfc60ee8c6eacf2f7e7e6f2d4755e49a4" - integrity sha512-QMQcnKAiQccfQTqtBh/qwquGZ2XK/DXND1jrcN9M8gMMy99Gwla7GQjndVUsEqIaRyP6bsFRuhwRj5poafBGJQ== +known-css-properties@^0.24.0: + version "0.24.0" + resolved "https://registry.yarnpkg.com/known-css-properties/-/known-css-properties-0.24.0.tgz#19aefd85003ae5698a5560d2b55135bf5432155c" + integrity sha512-RTSoaUAfLvpR357vWzAz/50Q/BmHfmE6ETSWfutT0AJiw10e6CmcdYRQJlLRd95B53D0Y2aD1jSxD3V3ySF+PA== latest-version@^1.0.0: version "1.0.1" @@ -12985,11 +12733,6 @@ lodash.camelcase@^4.3.0: resolved "https://registry.yarnpkg.com/lodash.camelcase/-/lodash.camelcase-4.3.0.tgz#b28aa6288a2b9fc651035c7711f65ab6190331a6" integrity sha1-soqmKIorn8ZRA1x3EfZathkDMaY= -lodash.capitalize@^4.1.0: - version "4.2.1" - resolved "https://registry.yarnpkg.com/lodash.capitalize/-/lodash.capitalize-4.2.1.tgz#f826c9b4e2a8511d84e3aca29db05e1a4f3b72a9" - integrity sha1-+CbJtOKoUR2E46yinbBeGk87cqk= - lodash.debounce@^4.0.8: version "4.0.8" resolved "https://registry.yarnpkg.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af" @@ -13045,11 +12788,6 @@ lodash.includes@^4.3.0: resolved "https://registry.yarnpkg.com/lodash.includes/-/lodash.includes-4.3.0.tgz#60bb98a87cb923c68ca1e51325483314849f553f" integrity sha1-YLuYqHy5I8aMoeUTJUgzFISfVT8= -lodash.intersection@^4.4.0: - version "4.4.0" - resolved "https://registry.yarnpkg.com/lodash.intersection/-/lodash.intersection-4.4.0.tgz#0a11ba631d0e95c23c7f2f4cbb9a692ed178e705" - integrity sha1-ChG6Yx0OlcI8fy9Mu5ppLtF45wU= - lodash.isboolean@^3.0.3: version "3.0.3" resolved "https://registry.yarnpkg.com/lodash.isboolean/-/lodash.isboolean-3.0.3.tgz#6c2e171db2a257cd96802fd43b01b20d5f5870f6" @@ -13080,11 +12818,6 @@ lodash.isstring@^4.0.1: resolved "https://registry.yarnpkg.com/lodash.isstring/-/lodash.isstring-4.0.1.tgz#d527dfb5456eca7cc9bb95d5daeaf88ba54a5451" integrity sha1-1SfftUVuynzJu5XV2ur4i6VKVFE= -lodash.kebabcase@^4.0.0: - version "4.1.1" - resolved "https://registry.yarnpkg.com/lodash.kebabcase/-/lodash.kebabcase-4.1.1.tgz#8489b1cb0d29ff88195cceca448ff6d6cc295c36" - integrity sha1-hImxyw0p/4gZXM7KRI/21swpXDY= - lodash.map@^4.4.0: version "4.6.0" resolved "https://registry.yarnpkg.com/lodash.map/-/lodash.map-4.6.0.tgz#771ec7839e3473d9c4cde28b19394c3562f4f6d3" @@ -13150,6 +12883,11 @@ lodash.toarray@^4.4.0: resolved "https://registry.yarnpkg.com/lodash.toarray/-/lodash.toarray-4.4.0.tgz#24c4bfcd6b2fba38bfd0594db1179d8e9b656561" integrity sha1-JMS/zWsvuji/0FlNsRedjptlZWE= +lodash.truncate@^4.4.2: + version "4.4.2" + resolved "https://registry.yarnpkg.com/lodash.truncate/-/lodash.truncate-4.4.2.tgz#5a350da0b1113b837ecfffd5812cbe58d6eae193" + integrity sha1-WjUNoLERO4N+z//VgSy+WNbq4ZM= + lodash.union@^4.6.0: version "4.6.0" resolved "https://registry.yarnpkg.com/lodash.union/-/lodash.union-4.6.0.tgz#48bb5088409f16f1821666641c44dd1aaae3cd88" @@ -13160,7 +12898,7 @@ lodash.uniq@^4.5.0: resolved "https://registry.yarnpkg.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773" integrity sha1-0CJTc662Uq3BvILklFM5qEJ1R3M= -lodash@4.17.15, lodash@^4.0.0, lodash@^4.0.1, lodash@^4.10.0, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@^4.3.0, lodash@~4.17.10, lodash@~4.17.15, lodash@~4.17.19, lodash@~4.17.21: +lodash@4.17.15, lodash@^4.0.0, lodash@^4.0.1, lodash@^4.10.0, lodash@^4.15.0, lodash@^4.17.10, lodash@^4.17.11, lodash@^4.17.13, lodash@^4.17.14, lodash@^4.17.15, lodash@^4.17.19, lodash@^4.17.20, lodash@^4.17.21, lodash@^4.17.4, lodash@~4.17.10, lodash@~4.17.15, lodash@~4.17.19, lodash@~4.17.21: version "4.17.21" resolved "https://registry.yarnpkg.com/lodash/-/lodash-4.17.21.tgz#679591c564c3bffaae8454cf0b3df370c3d6911c" integrity sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg== @@ -13371,6 +13109,11 @@ markdown-it@^12.3.2: mdurl "^1.0.1" uc.micro "^1.0.5" +mathml-tag-names@^2.1.3: + version "2.1.3" + resolved "https://registry.yarnpkg.com/mathml-tag-names/-/mathml-tag-names-2.1.3.tgz#4ddadd67308e780cf16a47685878ee27b736a0a3" + integrity sha512-APMBEanjybaPzUrfqU0IMU5I0AswKMH7k8OTLs0vvV4KZpExkTkY87nR/zpbuTPj+gARop7aGUbl11pnDfW6xg== + md5.js@^1.3.4: version "1.3.4" resolved "https://registry.yarnpkg.com/md5.js/-/md5.js-1.3.4.tgz#e9bdbde94a20a5ac18b04340fc5764d5b09d901d" @@ -13547,11 +13290,6 @@ merge2@^1.2.3, merge2@^1.3.0, merge2@^1.4.1: resolved "https://registry.yarnpkg.com/merge2/-/merge2-1.4.1.tgz#4368892f885e907455a6fd7dc55c0c9d404990ae" integrity sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg== -merge@^1.2.0, merge@^2.1.1: - version "2.1.1" - resolved "https://registry.yarnpkg.com/merge/-/merge-2.1.1.tgz#59ef4bf7e0b3e879186436e8481c06a6c162ca98" - integrity sha512-jz+Cfrg9GWOZbQAnDQ4hlVnQky+341Yk5ru8bZSe6sIDTCIg8n9i/u7hSQGSVOF3C7lH6mGtqjkiT9G4wFLL0w== - methods@^1.1.1, methods@~1.1.2: version "1.1.2" resolved "https://registry.yarnpkg.com/methods/-/methods-1.1.2.tgz#5529a4d67654134edcc5266656835b0f851afcee" @@ -13714,7 +13452,7 @@ minimist-options@4.1.0, minimist-options@^4.0.2: is-plain-obj "^1.1.0" kind-of "^6.0.3" -minimist@1.1.x, minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5: +minimist@^1.1.1, minimist@^1.2.0, minimist@^1.2.5: version "1.2.5" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602" integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw== @@ -13969,11 +13707,6 @@ mutation-observer@^1.0.3: resolved "https://registry.yarnpkg.com/mutation-observer/-/mutation-observer-1.0.3.tgz#42e9222b101bca82e5ba9d5a7acf4a14c0f263d0" integrity sha512-M/O/4rF2h776hV7qGMZUH3utZLO/jK7p8rnNgGkjKUw8zCGjRQPxB8z6+5l8+VjRUQ3dNYu4vjqXYLr+U8ZVNA== -mute-stream@0.0.5: - version "0.0.5" - resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.5.tgz#8fbfabb0a98a253d3184331f9e8deb7372fac6c0" - integrity sha1-j7+rsKmKJT0xhDMfno3rc3L6xsA= - mute-stream@0.0.8: version "0.0.8" resolved "https://registry.yarnpkg.com/mute-stream/-/mute-stream-0.0.8.tgz#1630c42b2251ff81e2a283de96a5497ea92e5e0d" @@ -14003,10 +13736,10 @@ nano-css@^5.2.1: stacktrace-js "^2.0.0" stylis "3.5.0" -nanoid@^3.1.30: - version "3.2.0" - resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.2.0.tgz#62667522da6673971cca916a6d3eff3f415ff80c" - integrity sha512-fmsZYa9lpn69Ad5eDn7FMcnnSR+8R34W9qJEijxYhTbfOWzr22n1QxCMzXLK+ODyW2973V3Fux959iQoUxzUIA== +nanoid@^3.3.1: + version "3.3.1" + resolved "https://registry.yarnpkg.com/nanoid/-/nanoid-3.3.1.tgz#6347a18cac88af88f58af0b3594b723d5e99bb35" + integrity sha512-n6Vs/3KGyxPQd6uO0eH4Bv0ojGSUvuLlIHtC3Y0kEO23YRge8H9x1GCzLn28YX0H66pMkxuaeESFq4tKISKwdw== nanomatch@^1.2.9: version "1.2.9" @@ -14366,6 +14099,11 @@ normalize-range@^0.1.2: resolved "https://registry.yarnpkg.com/normalize-range/-/normalize-range-0.1.2.tgz#2d10c06bdfd312ea9777695a4d28439456b75942" integrity sha1-LRDAa9/TEuqXd2laTShDlFa3WUI= +normalize-selector@^0.2.0: + version "0.2.0" + resolved "https://registry.yarnpkg.com/normalize-selector/-/normalize-selector-0.2.0.tgz#d0b145eb691189c63a78d201dc4fdb1293ef0c03" + integrity sha1-0LFF62kRicY6eNIB3E/bEpPvDAM= + normalize-url@^4.1.0, normalize-url@^4.5.1: version "4.5.1" resolved "https://registry.yarnpkg.com/normalize-url/-/normalize-url-4.5.1.tgz#0dd90cf1288ee1d1313b87081c9a5932ee48518a" @@ -14632,11 +14370,6 @@ once@^1.3.0, once@^1.3.1, once@^1.3.2, once@^1.4.0: dependencies: wrappy "1" -onetime@^1.0.0: - version "1.1.0" - resolved "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz#a1f7838f8314c516f05ecefcbc4ccfe04b4ed789" - integrity sha1-ofeDj4MUxRbwXs78vEzP4EtO14k= - onetime@^2.0.0: version "2.0.1" resolved "https://registry.yarnpkg.com/onetime/-/onetime-2.0.1.tgz#067428230fd67443b2794b22bba528b6867962d4" @@ -15098,7 +14831,7 @@ path-is-absolute@^1.0.0: resolved "https://registry.yarnpkg.com/path-is-absolute/-/path-is-absolute-1.0.1.tgz#174b9268735534ffbc7ace6bf53a5a9e1b5c5f5f" integrity sha1-F0uSaHNVNP+8es5r9TpanhtcX18= -path-is-inside@1.0.2, path-is-inside@^1.0.1, path-is-inside@^1.0.2: +path-is-inside@1.0.2, path-is-inside@^1.0.2: version "1.0.2" resolved "https://registry.yarnpkg.com/path-is-inside/-/path-is-inside-1.0.2.tgz#365417dede44430d1c11af61027facf074bdfc53" integrity sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM= @@ -15320,11 +15053,6 @@ plur@^4.0.0: dependencies: irregular-plurals "^3.2.0" -pluralize@^1.2.1: - version "1.2.1" - resolved "https://registry.yarnpkg.com/pluralize/-/pluralize-1.2.1.tgz#d1a21483fd22bb41e58a12fa3421823140897c45" - integrity sha1-0aIUg/0iu0HlihL6NCGCMUCJfEU= - pn@^1.1.0: version "1.1.0" resolved "https://registry.yarnpkg.com/pn/-/pn-1.1.0.tgz#e2f4cef0e219f463c179ab37463e4e1ecdccbafb" @@ -15360,6 +15088,11 @@ postcss-loader@^4.2.0: schema-utils "^3.0.0" semver "^7.3.4" +postcss-media-query-parser@^0.2.3: + version "0.2.3" + resolved "https://registry.yarnpkg.com/postcss-media-query-parser/-/postcss-media-query-parser-0.2.3.tgz#27b39c6f4d94f81b1a73b8f76351c609e5cef244" + integrity sha1-J7Ocb02U+Bsac7j3Y1HGCeXO8kQ= + postcss-modules-extract-imports@^3.0.0: version "3.0.0" resolved "https://registry.yarnpkg.com/postcss-modules-extract-imports/-/postcss-modules-extract-imports-3.0.0.tgz#cda1f047c0ae80c97dbe28c3e76a43b88025741d" @@ -15388,19 +15121,25 @@ postcss-modules-values@^4.0.0: dependencies: icss-utils "^5.0.0" -postcss-selector-parser@^6.0.2: - version "6.0.2" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.2.tgz#934cf799d016c83411859e09dcecade01286ec5c" - integrity sha512-36P2QR59jDTOAiIkqEprfJDsoNrvwFei3eCqKd1Y0tUsBimsq39BLp7RD+JWny3WgB1zGhJX8XVePwm9k4wdBg== - dependencies: - cssesc "^3.0.0" - indexes-of "^1.0.1" - uniq "^1.0.1" +postcss-resolve-nested-selector@^0.1.1: + version "0.1.1" + resolved "https://registry.yarnpkg.com/postcss-resolve-nested-selector/-/postcss-resolve-nested-selector-0.1.1.tgz#29ccbc7c37dedfac304e9fff0bf1596b3f6a0e4e" + integrity sha1-Kcy8fDfe36wwTp//C/FZaz9qDk4= + +postcss-safe-parser@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/postcss-safe-parser/-/postcss-safe-parser-6.0.0.tgz#bb4c29894171a94bc5c996b9a30317ef402adaa1" + integrity sha512-FARHN8pwH+WiS2OPCxJI8FuRJpTVnn6ZNFiqAM2aeW2LwTHWWmWgIyKC6cUo0L8aeKiF/14MNvnpls6R2PBeMQ== + +postcss-scss@^4.0.2: + version "4.0.3" + resolved "https://registry.yarnpkg.com/postcss-scss/-/postcss-scss-4.0.3.tgz#36c23c19a804274e722e83a54d20b838ab4767ac" + integrity sha512-j4KxzWovfdHsyxwl1BxkUal/O4uirvHgdzMKS1aWJBAV0qh2qj5qAZqpeBfVUYGWv+4iK9Az7SPyZ4fyNju1uA== -postcss-selector-parser@^6.0.4: - version "6.0.8" - resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.8.tgz#f023ed7a9ea736cd7ef70342996e8e78645a7914" - integrity sha512-D5PG53d209Z1Uhcc0qAZ5U3t5HagH3cxu+WLZ22jt3gLUpXM4eXXfiO14jiDWST3NNooX/E8wISfOhZ9eIjGTQ== +postcss-selector-parser@^6.0.2, postcss-selector-parser@^6.0.4, postcss-selector-parser@^6.0.6, postcss-selector-parser@^6.0.9: + version "6.0.9" + resolved "https://registry.yarnpkg.com/postcss-selector-parser/-/postcss-selector-parser-6.0.9.tgz#ee71c3b9ff63d9cd130838876c13a2ec1a992b2f" + integrity sha512-UO3SgnZOVTwu4kyLR22UQ1xZh086RyNZppb7lLAKBFK8a32ttG5i87Y/P3+2bRSjZNyJ1B7hfFNo273tKe9YxQ== dependencies: cssesc "^3.0.0" util-deprecate "^1.0.2" @@ -15415,14 +15154,14 @@ postcss-value-parser@^4.2.0: resolved "https://registry.yarnpkg.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514" integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ== -postcss@^8.2.15, postcss@^8.4.5: - version "8.4.5" - resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.5.tgz#bae665764dfd4c6fcc24dc0fdf7e7aa00cc77f95" - integrity sha512-jBDboWM8qpaqwkMwItqTQTiFikhs/67OYVvblFFTM7MrZjt6yMKd6r2kgXizEbTTljacm4NldIlZnhbjr84QYg== +postcss@^8.2.15, postcss@^8.4.5, postcss@^8.4.6: + version "8.4.7" + resolved "https://registry.yarnpkg.com/postcss/-/postcss-8.4.7.tgz#f99862069ec4541de386bf57f5660a6c7a0875a8" + integrity sha512-L9Ye3r6hkkCeOETQX6iOaWZgjp3LL6Lpqm6EtgbKrgqGGteRMNb9vzBfRL96YOSu8o7x3MfIH9Mo5cPJFGrW6A== dependencies: - nanoid "^3.1.30" + nanoid "^3.3.1" picocolors "^1.0.0" - source-map-js "^1.0.1" + source-map-js "^1.0.2" prelude-ls@~1.1.2: version "1.1.2" @@ -16315,15 +16054,6 @@ readdirp@~3.6.0: dependencies: picomatch "^2.2.1" -readline2@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/readline2/-/readline2-1.0.1.tgz#41059608ffc154757b715d9989d199ffbf372e35" - integrity sha1-QQWWCP/BVHV7cV2ZidGZ/783LjU= - dependencies: - code-point-at "^1.0.0" - is-fullwidth-code-point "^1.0.0" - mute-stream "0.0.5" - recast@~0.11.12: version "0.11.23" resolved "https://registry.yarnpkg.com/recast/-/recast-0.11.23.tgz#451fd3004ab1e4df9b4e4b66376b2a21912462d3" @@ -16772,14 +16502,6 @@ require-main-filename@^2.0.0: resolved "https://registry.yarnpkg.com/require-main-filename/-/require-main-filename-2.0.0.tgz#d0b329ecc7cc0f61649f62215be69af54aa8989b" integrity sha512-NKN5kMDylKuldxYLSUfrbo5Tuzh4hd+2E8NPPX02mZtn1VuREQToYe/ZdlJy+J3uCpfaiGF05e7B8W0iXbQHmg== -require-uncached@^1.0.2: - version "1.0.3" - resolved "https://registry.yarnpkg.com/require-uncached/-/require-uncached-1.0.3.tgz#4e0d56d6c9662fd31e43011c4b95aa49955421d3" - integrity sha1-Tg1W1slmL9MeQwEcS5WqSZVUIdM= - dependencies: - caller-path "^0.1.0" - resolve-from "^1.0.0" - requirefresh@^2.1.0: version "2.2.0" resolved "https://registry.yarnpkg.com/requirefresh/-/requirefresh-2.2.0.tgz#68298ae66af9da3d6843375adf8351dd29d73789" @@ -16832,11 +16554,6 @@ resolve-dir@^1.0.0, resolve-dir@^1.0.1: expand-tilde "^2.0.0" global-modules "^1.0.0" -resolve-from@^1.0.0: - version "1.0.1" - resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-1.0.1.tgz#26cbfe935d1aeeeabb29bc3fe5aeb01e93d44226" - integrity sha1-Jsv+k10a7uq7Kbw/5a6wHpPUQiY= - resolve-from@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6" @@ -16908,14 +16625,6 @@ responselike@^2.0.0: dependencies: lowercase-keys "^2.0.0" -restore-cursor@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-1.0.1.tgz#34661f46886327fed2991479152252df92daa541" - integrity sha1-NGYfRohjJ/7SmRR5FSJS35LapUE= - dependencies: - exit-hook "^1.0.0" - onetime "^1.0.0" - restore-cursor@^2.0.0: version "2.0.0" resolved "https://registry.yarnpkg.com/restore-cursor/-/restore-cursor-2.0.0.tgz#9f7ee287f82fd326d4fd162923d62129eee0dfaf" @@ -16966,7 +16675,7 @@ rimraf@2.6.3: dependencies: glob "^7.1.3" -rimraf@^2.2.8, rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3, rimraf@^2.7.1: +rimraf@^2.5.4, rimraf@^2.6.2, rimraf@^2.6.3, rimraf@^2.7.1: version "2.7.1" resolved "https://registry.yarnpkg.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec" integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w== @@ -17013,13 +16722,6 @@ rtl-css-js@^1.9.0: dependencies: "@babel/runtime" "^7.1.2" -run-async@^0.1.0: - version "0.1.0" - resolved "https://registry.yarnpkg.com/run-async/-/run-async-0.1.0.tgz#c8ad4a5e110661e402a7d21b530e009f25f8e389" - integrity sha1-yK1KXhEGYeQCp9IbUw4AnyX444k= - dependencies: - once "^1.3.0" - run-async@^2.4.0: version "2.4.0" resolved "https://registry.yarnpkg.com/run-async/-/run-async-2.4.0.tgz#e59054a5b86876cfae07f431d18cbaddc594f1e8" @@ -17044,11 +16746,6 @@ rw@1: resolved "https://registry.yarnpkg.com/rw/-/rw-1.3.3.tgz#3f862dfa91ab766b14885ef4d01124bfda074fb4" integrity sha1-P4Yt+pGrdmsUiF700BEkv9oHT7Q= -rx-lite@^3.1.2: - version "3.1.2" - resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-3.1.2.tgz#19ce502ca572665f3b647b10939f97fd1615f102" - integrity sha1-Gc5QLKVyZl87ZHsQk5+X/RYV8QI= - rxjs@^6.3.3, rxjs@^6.4.0, rxjs@^6.5.1, rxjs@^6.5.5, rxjs@^6.6.0: version "6.6.2" resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.2.tgz#8096a7ac03f2cc4fe5860ef6e572810d9e01c0d2" @@ -17116,26 +16813,6 @@ sass-graph@2.2.5: scss-tokenizer "^0.2.3" yargs "^13.3.2" -sass-lint@^1.12.1: - version "1.12.1" - resolved "https://registry.yarnpkg.com/sass-lint/-/sass-lint-1.12.1.tgz#630f69c216aa206b8232fb2aa907bdf3336b6d83" - integrity sha1-Yw9pwhaqIGuCMvsqqQe98zNrbYM= - dependencies: - commander "^2.8.1" - eslint "^2.7.0" - front-matter "2.1.2" - fs-extra "^3.0.1" - glob "^7.0.0" - globule "^1.0.0" - gonzales-pe-sl "^4.2.3" - js-yaml "^3.5.4" - known-css-properties "^0.3.0" - lodash.capitalize "^4.1.0" - lodash.kebabcase "^4.0.0" - merge "^1.2.0" - path-is-absolute "^1.0.0" - util "^0.10.3" - sass-loader@^10.2.0: version "10.2.0" resolved "https://registry.yarnpkg.com/sass-loader/-/sass-loader-10.2.0.tgz#3d64c1590f911013b3fa48a0b22a83d5e1494716" @@ -17471,11 +17148,6 @@ shebang-regex@^3.0.0: resolved "https://registry.yarnpkg.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172" integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A== -shelljs@^0.6.0: - version "0.6.1" - resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.6.1.tgz#ec6211bed1920442088fe0f70b2837232ed2c8a8" - integrity sha1-7GIRvtGSBEIIj+D3Cyg3Iy7SyKg= - shelljs@~0.8: version "0.8.4" resolved "https://registry.yarnpkg.com/shelljs/-/shelljs-0.8.4.tgz#de7684feeb767f8716b326078a8a00875890e3c2" @@ -17507,12 +17179,7 @@ side-channel@^1.0.4: get-intrinsic "^1.0.2" object-inspect "^1.9.0" -signal-exit@^3.0.0, signal-exit@^3.0.2: - version "3.0.2" - resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d" - integrity sha1-tf3AjxKH6hF4Yo5BXiUTK3NkbG0= - -signal-exit@^3.0.3: +signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3, signal-exit@^3.0.7: version "3.0.7" resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.7.tgz#a9a1767f8af84155114eaabd73f99273c8f59ad9" integrity sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ== @@ -17578,6 +17245,15 @@ slice-ansi@^2.1.0: astral-regex "^1.0.0" is-fullwidth-code-point "^2.0.0" +slice-ansi@^4.0.0: + version "4.0.0" + resolved "https://registry.yarnpkg.com/slice-ansi/-/slice-ansi-4.0.0.tgz#500e8dd0fd55b05815086255b3195adf2a45fe6b" + integrity sha512-qMCMfhY040cVHT43K9BFygqYbUPFZKHOg7K73mtTWJRb8pyP3fzf4Ixd5SzdEJQ6MRUg/WBnOLxghZtKKurENQ== + dependencies: + ansi-styles "^4.0.0" + astral-regex "^2.0.0" + is-fullwidth-code-point "^3.0.0" + slide@^1.1.5, slide@~1.1.3: version "1.1.6" resolved "https://registry.yarnpkg.com/slide/-/slide-1.1.6.tgz#56eb027d65b4d2dce6cb2e2d32c4d4afc9e1d707" @@ -17641,10 +17317,10 @@ source-list-map@^2.0.0: resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34" integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw== -source-map-js@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.1.tgz#a1741c131e3c77d048252adfa24e23b908670caf" - integrity sha512-4+TN2b3tqOCd/kaGRJ/sTYA0tR0mdXx26ipdolxcwtJVqEnqNYvlCAt1q3ypy4QMlYus+Zh34RNtYLoq2oQ4IA== +source-map-js@^1.0.2: + version "1.0.2" + resolved "https://registry.yarnpkg.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c" + integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw== source-map-resolve@^0.5.0, source-map-resolve@^0.5.2: version "0.5.2" @@ -17837,6 +17513,11 @@ spdy@^4.0.2: select-hose "^2.0.0" spdy-transport "^3.0.0" +specificity@^0.4.1: + version "0.4.1" + resolved "https://registry.yarnpkg.com/specificity/-/specificity-0.4.1.tgz#aab5e645012db08ba182e151165738d00887b019" + integrity sha512-1klA3Gi5PD1Wv9Q0wUoOQN1IWAuPu0D1U03ThXTr0cJ20+/iq2tHSDnK7Kk/0LXJ1ztUB2/1Os0wKmfyNgUQfg== + split-on-first@^1.0.0: version "1.1.0" resolved "https://registry.yarnpkg.com/split-on-first/-/split-on-first-1.1.0.tgz#f610afeee3b12bce1d0c30425e76398b78249a5f" @@ -18064,7 +17745,7 @@ string-width@^1.0.1: is-fullwidth-code-point "^1.0.0" strip-ansi "^3.0.0" -"string-width@^1.0.2 || 2", string-width@^2.0.0, string-width@^2.1.1: +"string-width@^1.0.2 || 2", string-width@^2.1.1: version "2.1.1" resolved "https://registry.yarnpkg.com/string-width/-/string-width-2.1.1.tgz#ab93f27a8dc13d28cac815c462143a6d9012ae9e" integrity sha512-nOqH59deCq9SRHlxq1Aw85Jnt4w6KvLKqWVik6oA9ZklXLNIOlqg4F2yrT1MVaTjAqvVwdfeZ7w7aCvJD7ugkw== @@ -18081,14 +17762,14 @@ string-width@^3.0.0, string-width@^3.1.0: is-fullwidth-code-point "^2.0.0" strip-ansi "^5.1.0" -string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0: - version "4.2.0" - resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.0.tgz#952182c46cc7b2c313d1596e623992bd163b72b5" - integrity sha512-zUz5JD+tgqtuDjMhwIg5uFVV3dtqZ9yQJlZVfq4I01/K5Paj5UHj7VyrQOJvzawSVlKpObApbfD0Ed6yJc+1eg== +string-width@^4.0.0, string-width@^4.1.0, string-width@^4.2.0, string-width@^4.2.3: + version "4.2.3" + resolved "https://registry.yarnpkg.com/string-width/-/string-width-4.2.3.tgz#269c7117d27b05ad2e536830a8ec895ef9c6d010" + integrity sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g== dependencies: emoji-regex "^8.0.0" is-fullwidth-code-point "^3.0.0" - strip-ansi "^6.0.0" + strip-ansi "^6.0.1" string.prototype.matchall@^4.0.2: version "4.0.2" @@ -18178,7 +17859,7 @@ strip-ansi@^4.0.0: dependencies: ansi-regex "^3.0.0" -strip-ansi@^6.0.0: +strip-ansi@^6.0.0, strip-ansi@^6.0.1: version "6.0.1" resolved "https://registry.yarnpkg.com/strip-ansi/-/strip-ansi-6.0.1.tgz#9e26c63d30f53443e9489495b2105d37b67a85d9" integrity sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A== @@ -18234,11 +17915,6 @@ strip-json-comments@^3.0.1, strip-json-comments@~3.1.1: resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-3.1.1.tgz#31f1281b3832630434831c310c01cccda8cbe006" integrity sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig== -strip-json-comments@~1.0.1: - version "1.0.4" - resolved "https://registry.yarnpkg.com/strip-json-comments/-/strip-json-comments-1.0.4.tgz#1e15fbcac97d3ee99bf2d73b4c656b082bbafb91" - integrity sha1-HhX7ysl9Pumb8tc7TGVrCCu6+5E= - strong-log-transformer@^2.1.0: version "2.1.0" resolved "https://registry.yarnpkg.com/strong-log-transformer/-/strong-log-transformer-2.1.0.tgz#0f5ed78d325e0421ac6f90f7f10e691d6ae3ae10" @@ -18256,6 +17932,11 @@ style-loader@^1.1.3: loader-utils "^1.2.3" schema-utils "^2.6.4" +style-search@^0.1.0: + version "0.1.0" + resolved "https://registry.yarnpkg.com/style-search/-/style-search-0.1.0.tgz#7958c793e47e32e07d2b5cafe5c0bf8e12e77902" + integrity sha1-eVjHk+R+MuB9K1yv5cC/jhLneQI= + style-to-object@^0.2.1: version "0.2.3" resolved "https://registry.yarnpkg.com/style-to-object/-/style-to-object-0.2.3.tgz#afcf42bc03846b1e311880c55632a26ad2780bcb" @@ -18286,6 +17967,93 @@ styled-components@^5.3.3: shallowequal "^1.1.0" supports-color "^5.5.0" +stylelint-config-recommended-scss@^5.0.2: + version "5.0.2" + resolved "https://registry.yarnpkg.com/stylelint-config-recommended-scss/-/stylelint-config-recommended-scss-5.0.2.tgz#193f483861c76a36ece24c52eb6baca4838f4a48" + integrity sha512-b14BSZjcwW0hqbzm9b0S/ScN2+3CO3O4vcMNOw2KGf8lfVSwJ4p5TbNEXKwKl1+0FMtgRXZj6DqVUe/7nGnuBg== + dependencies: + postcss-scss "^4.0.2" + stylelint-config-recommended "^6.0.0" + stylelint-scss "^4.0.0" + +stylelint-config-recommended@^6.0.0: + version "6.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-recommended/-/stylelint-config-recommended-6.0.0.tgz#fd2523a322836005ad9bf473d3e5534719c09f9d" + integrity sha512-ZorSSdyMcxWpROYUvLEMm0vSZud2uB7tX1hzBZwvVY9SV/uly4AvvJPPhCcymZL3fcQhEQG5AELmrxWqtmzacw== + +stylelint-config-standard-scss@^3.0.0: + version "3.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-standard-scss/-/stylelint-config-standard-scss-3.0.0.tgz#dafc4fa5538d0ed833bf0a7d391e075683ffd96c" + integrity sha512-zt3ZbzIbllN1iCmc94e4pDxqpkzeR6CJo5DDXzltshuXr+82B8ylHyMMARNnUYrZH80B7wgY7UkKTYCFM0UUyw== + dependencies: + stylelint-config-recommended-scss "^5.0.2" + stylelint-config-standard "^24.0.0" + +stylelint-config-standard@^24.0.0: + version "24.0.0" + resolved "https://registry.yarnpkg.com/stylelint-config-standard/-/stylelint-config-standard-24.0.0.tgz#6823f207ab997ae0b641f9a636d007cc44d77541" + integrity sha512-+RtU7fbNT+VlNbdXJvnjc3USNPZRiRVp/d2DxOF/vBDDTi0kH5RX2Ny6errdtZJH3boO+bmqIYEllEmok4jiuw== + dependencies: + stylelint-config-recommended "^6.0.0" + +stylelint-scss@^4.0.0: + version "4.1.0" + resolved "https://registry.yarnpkg.com/stylelint-scss/-/stylelint-scss-4.1.0.tgz#39b808696f8152081163d970449257ff80b5c041" + integrity sha512-BNYTo7MMamhFOlcaAWp2dMpjg6hPyM/FFqfDIYzmYVLMmQJqc8lWRIiTqP4UX5bresj9Vo0dKC6odSh43VP2NA== + dependencies: + lodash "^4.17.21" + postcss-media-query-parser "^0.2.3" + postcss-resolve-nested-selector "^0.1.1" + postcss-selector-parser "^6.0.6" + postcss-value-parser "^4.1.0" + +stylelint@^14.5.2: + version "14.5.2" + resolved "https://registry.yarnpkg.com/stylelint/-/stylelint-14.5.2.tgz#1d4c34449c831a9989c8948282df191be993632f" + integrity sha512-ZmZhIosMgFgAEe7+F8z4rlJq+12mmqPK0cN3SyNZhMiHZrZzfsd7WJ2WFZ14AMgQFZ61Dn6RYkEy51U/Lg4MQA== + dependencies: + balanced-match "^2.0.0" + colord "^2.9.2" + cosmiconfig "^7.0.1" + css-functions-list "^3.0.1" + debug "^4.3.3" + execall "^2.0.0" + fast-glob "^3.2.11" + fastest-levenshtein "^1.0.12" + file-entry-cache "^6.0.1" + get-stdin "^8.0.0" + global-modules "^2.0.0" + globby "^11.1.0" + globjoin "^0.1.4" + html-tags "^3.1.0" + ignore "^5.2.0" + import-lazy "^4.0.0" + imurmurhash "^0.1.4" + is-plain-object "^5.0.0" + known-css-properties "^0.24.0" + mathml-tag-names "^2.1.3" + meow "^9.0.0" + micromatch "^4.0.4" + normalize-path "^3.0.0" + normalize-selector "^0.2.0" + picocolors "^1.0.0" + postcss "^8.4.6" + postcss-media-query-parser "^0.2.3" + postcss-resolve-nested-selector "^0.1.1" + postcss-safe-parser "^6.0.0" + postcss-selector-parser "^6.0.9" + postcss-value-parser "^4.2.0" + resolve-from "^5.0.0" + specificity "^0.4.1" + string-width "^4.2.3" + strip-ansi "^6.0.1" + style-search "^0.1.0" + supports-hyperlinks "^2.2.0" + svg-tags "^1.0.0" + table "^6.8.0" + v8-compile-cache "^2.3.0" + write-file-atomic "^4.0.1" + stylis@3.5.0: version "3.5.0" resolved "https://registry.yarnpkg.com/stylis/-/stylis-3.5.0.tgz#016fa239663d77f868fef5b67cf201c4b7c701e1" @@ -18366,14 +18134,19 @@ supports-color@^7.0.0, supports-color@^7.1.0: dependencies: has-flag "^4.0.0" -supports-hyperlinks@^2.0.0: - version "2.1.0" - resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.1.0.tgz#f663df252af5f37c5d49bbd7eeefa9e0b9e59e47" - integrity sha512-zoE5/e+dnEijk6ASB6/qrK+oYdm2do1hjoLWrqUC/8WEIW1gbxFcKuBof7sW8ArN6e+AYvsE8HBGiVRWL/F5CA== +supports-hyperlinks@^2.0.0, supports-hyperlinks@^2.2.0: + version "2.2.0" + resolved "https://registry.yarnpkg.com/supports-hyperlinks/-/supports-hyperlinks-2.2.0.tgz#4f77b42488765891774b70c79babd87f9bd594bb" + integrity sha512-6sXEzV5+I5j8Bmq9/vUphGRM/RJNT9SCURJLjwfOg51heRtguGWDzcaBlgAzKhQa0EVNpPEKzQuBwZ8S8WaCeQ== dependencies: has-flag "^4.0.0" supports-color "^7.0.0" +svg-tags@^1.0.0: + version "1.0.0" + resolved "https://registry.yarnpkg.com/svg-tags/-/svg-tags-1.0.0.tgz#58f71cee3bd519b59d4b2a843b6c7de64ac04764" + integrity sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q= + symbol-observable@^1.1.0, symbol-observable@^1.2.0: version "1.2.0" resolved "https://registry.yarnpkg.com/symbol-observable/-/symbol-observable-1.2.0.tgz#c22688aed4eab3cdc2dfeacbb561660560a00804" @@ -18389,18 +18162,6 @@ tabbable@^3.0.0: resolved "https://registry.yarnpkg.com/tabbable/-/tabbable-3.1.2.tgz#f2d16cccd01f400e38635c7181adfe0ad965a4a2" integrity sha512-wjB6puVXTYO0BSFtCmWQubA/KIn7Xvajw0x0l6eJUudMG/EAiJvIUnyNX6xO4NpGrJ16lbD0eUseB9WxW0vlpQ== -table@^3.7.8: - version "3.8.3" - resolved "https://registry.yarnpkg.com/table/-/table-3.8.3.tgz#2bbc542f0fda9861a755d3947fefd8b3f513855f" - integrity sha1-K7xULw/amGGnVdOUf+/Ys/UThV8= - dependencies: - ajv "^4.7.0" - ajv-keywords "^1.0.0" - chalk "^1.1.1" - lodash "^4.0.0" - slice-ansi "0.0.4" - string-width "^2.0.0" - table@^5.2.3: version "5.2.3" resolved "https://registry.yarnpkg.com/table/-/table-5.2.3.tgz#cde0cc6eb06751c009efab27e8c820ca5b67b7f2" @@ -18411,6 +18172,17 @@ table@^5.2.3: slice-ansi "^2.1.0" string-width "^3.0.0" +table@^6.8.0: + version "6.8.0" + resolved "https://registry.yarnpkg.com/table/-/table-6.8.0.tgz#87e28f14fa4321c3377ba286f07b79b281a3b3ca" + integrity sha512-s/fitrbVeEyHKFa7mFdkuQMWlH1Wgw/yEXMt5xACT4ZpzWFluehAxRtUUQKPuWhaLAWhFcVx6w3oC8VKaUfPGA== + dependencies: + ajv "^8.0.1" + lodash.truncate "^4.4.2" + slice-ansi "^4.0.0" + string-width "^4.2.3" + strip-ansi "^6.0.1" + tapable@^0.1.8: version "0.1.10" resolved "https://registry.npmjs.org/tapable/-/tapable-0.1.10.tgz#29c35707c2b70e50d07482b5d202e8ed446dafd4" @@ -18575,7 +18347,7 @@ text-diff@^1.0.1: resolved "https://registry.yarnpkg.com/text-diff/-/text-diff-1.0.1.tgz#6c105905435e337857375c9d2f6ca63e453ff565" integrity sha1-bBBZBUNeM3hXN1ydL2ymPkU/9WU= -text-table@^0.2.0, text-table@~0.2.0: +text-table@^0.2.0: version "0.2.0" resolved "https://registry.yarnpkg.com/text-table/-/text-table-0.2.0.tgz#7f5ee823ae805207c00af2df4a84ec3fcfa570b4" integrity sha1-f17oI66AUgfACvLfSoTsP8+lcLQ= @@ -19179,11 +18951,6 @@ union-value@^1.0.0: is-extendable "^0.1.1" set-value "^2.0.1" -uniq@^1.0.1: - version "1.0.1" - resolved "https://registry.yarnpkg.com/uniq/-/uniq-1.0.1.tgz#b31c5ae8254844a3a8281541ce2b04b865a734ff" - integrity sha1-sxxa6CVIRKOoKBVBzisEuGWnNP8= - unique-filename@^1.1.1: version "1.1.1" resolved "https://registry.yarnpkg.com/unique-filename/-/unique-filename-1.1.1.tgz#1d69769369ada0583103a1e6ae87681b56573230" @@ -19462,13 +19229,6 @@ use@^2.0.0: isobject "^3.0.0" lazy-cache "^2.0.2" -user-home@^2.0.0: - version "2.0.0" - resolved "https://registry.yarnpkg.com/user-home/-/user-home-2.0.0.tgz#9c70bfd8169bc1dcbf48604e0f04b8b49cde9e9f" - integrity sha1-nHC/2Babwdy/SGBODwS4tJzenp8= - dependencies: - os-homedir "^1.0.0" - utif@^2.0.1: version "2.0.1" resolved "https://registry.yarnpkg.com/utif/-/utif-2.0.1.tgz#9e1582d9bbd20011a6588548ed3266298e711759" @@ -19494,7 +19254,7 @@ util.promisify@~1.0.0: define-properties "^1.1.2" object.getownpropertydescriptors "^2.0.3" -util@0.10.3, util@^0.10.3: +util@0.10.3: version "0.10.3" resolved "https://registry.yarnpkg.com/util/-/util-0.10.3.tgz#7afb1afe50805246489e3db7fe0ed379336ac0f9" integrity sha1-evsa/lCAUkZInj23/g7TeTNqwPk= @@ -19538,10 +19298,10 @@ uuid@^8.3.0, uuid@^8.3.2: resolved "https://registry.yarnpkg.com/uuid/-/uuid-8.3.2.tgz#80d5b5ced271bb9af6c445f21a1a04c606cefbe2" integrity sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg== -v8-compile-cache@^2.0.3: - version "2.1.0" - resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.1.0.tgz#e14de37b31a6d194f5690d67efc4e7f6fc6ab30e" - integrity sha512-usZBT3PW+LOjM25wbqIlZwPeJV+3OSz3M1k1Ws8snlW39dZyYL9lOGC5FgPVHfk0jKmjiDV8Z0mIbVQPiwFs7g== +v8-compile-cache@^2.0.3, v8-compile-cache@^2.3.0: + version "2.3.0" + resolved "https://registry.yarnpkg.com/v8-compile-cache/-/v8-compile-cache-2.3.0.tgz#2de19618c66dc247dcfb6f99338035d8245a2cee" + integrity sha512-l8lCEmLcLYZh4nbunNZvQCJc5pv7+RCwa8q/LdUx8u7lsWvPDKmpodJAJNwkAhJC//dFY48KuIEmjtd4RViDrA== v8-to-istanbul@^5.0.1: version "5.0.1" @@ -20407,7 +20167,7 @@ which-typed-array@^1.1.2: has-symbols "^1.0.1" is-typed-array "^1.1.3" -which@1.3.1, which@^1.2.14, which@^1.2.9, which@^1.3.0: +which@1.3.1, which@^1.2.14, which@^1.2.9, which@^1.3.0, which@^1.3.1: version "1.3.1" resolved "https://registry.yarnpkg.com/which/-/which-1.3.1.tgz#a45043d54f5805316da8d62f9f50918d3da70b0a" integrity sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ== @@ -20532,6 +20292,14 @@ write-file-atomic@^3.0.0: signal-exit "^3.0.2" typedarray-to-buffer "^3.1.5" +write-file-atomic@^4.0.1: + version "4.0.1" + resolved "https://registry.yarnpkg.com/write-file-atomic/-/write-file-atomic-4.0.1.tgz#9faa33a964c1c85ff6f849b80b42a88c2c537c8f" + integrity sha512-nSKUxgAbyioruk6hU87QzVbY279oYT6uiwgDoujth2ju4mJ+TZau7SQBhtbTmUyuNYTuXnSyRn66FV0+eCgcrQ== + dependencies: + imurmurhash "^0.1.4" + signal-exit "^3.0.7" + write-json-file@^3.2.0: version "3.2.0" resolved "https://registry.yarnpkg.com/write-json-file/-/write-json-file-3.2.0.tgz#65bbdc9ecd8a1458e15952770ccbadfcff5fe62a" @@ -20560,13 +20328,6 @@ write@1.0.3: dependencies: mkdirp "^0.5.1" -write@^0.2.1: - version "0.2.1" - resolved "https://registry.yarnpkg.com/write/-/write-0.2.1.tgz#5fc03828e264cea3fe91455476f7a3c566cb0757" - integrity sha1-X8A4KOJkzqP+kUVUdvejxWbLB1c= - dependencies: - mkdirp "^0.5.1" - ws@^6.1.2: version "6.2.2" resolved "https://registry.yarnpkg.com/ws/-/ws-6.2.2.tgz#dd5cdbd57a9979916097652d78f1cc5faea0c32e"