apitech
/
grafana
mirror of https://github.com/grafana/grafana
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Update dependency stylelint-config-sass-guidelines to v12 (#98213)

Browse Source 
* Update dependency stylelint-config-sass-guidelines to v12

* fix stylelint issues

* fix indentation

* update snapshots

* linting...

* linting...

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
pull/98247/head
renovate[bot] 1 year ago committed by GitHub
parent c1e078b3a3
commit a331c7cc38
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
16 changed files with 150 additions and 114 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 2
      package.json
  2. 6
      packages/grafana-data/src/themes/createColors.ts
  3. 2
      packages/grafana-data/src/themes/createTypography.ts
  4. 46
      packages/grafana-data/src/themes/palette.ts
  5. 4
      packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts
  6. 4
      packages/grafana-ui/src/graveyard/GraphNG/__snapshots__/utils.test.ts.snap
  7. 2
      packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts
  8. 4
      public/app/core/components/GraphNG/__snapshots__/utils.test.ts.snap
  9. 18
      public/app/features/alerting/unified/components/rule-editor/__snapshots__/util.test.ts.snap
  10. 2
      public/app/plugins/datasource/cloud-monitoring/components/__snapshots__/VariableQueryEditor.test.tsx.snap
  11. 32
      public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap
  12. 16
      public/sass/_angular.scss
  13. 22
      public/sass/_variables.dark.generated.scss
  14. 2
      public/sass/_variables.generated.scss
  15. 50
      public/sass/_variables.light.generated.scss
  16. 52
      yarn.lock

2
package.json
Unescape View File

@ -231,7 +231,7 @@
"smtp-tester": "^2.1.0",
"style-loader": "4.0.0",
"stylelint": "16.12.0",
"stylelint-config-sass-guidelines": "11.1.0",
"stylelint-config-sass-guidelines": "12.1.0",
"terser-webpack-plugin": "5.3.11",
"testing-library-selector": "0.3.1",
"tracelib": "1.0.1",

6
packages/grafana-data/src/themes/createColors.ts
Unescape View File

@ -95,7 +95,7 @@ class DarkColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
border = {
weak: `rgba(${this.whiteBase}, 0.12)`,
medium: `rgba(${this.whiteBase}, 0.20)`,
medium: `rgba(${this.whiteBase}, 0.2)`,
strong: `rgba(${this.whiteBase}, 0.30)`,
};
@ -187,8 +187,8 @@ class LightColors implements ThemeColorsBase<Partial<ThemeRichColor>> {
border = {
weak: `rgba(${this.blackBase}, 0.12)`,
medium: `rgba(${this.blackBase}, 0.30)`,
strong: `rgba(${this.blackBase}, 0.40)`,
medium: `rgba(${this.blackBase}, 0.3)`,
strong: `rgba(${this.blackBase}, 0.4)`,
};
secondary = {

2
packages/grafana-data/src/themes/createTypography.ts
Unescape View File

@ -53,7 +53,7 @@ export interface ThemeTypographyInput {
htmlFontSize?: number;
}
const defaultFontFamily = '"Inter", "Helvetica", "Arial", sans-serif';
const defaultFontFamily = "'Inter', 'Helvetica', 'Arial', sans-serif";
const defaultFontFamilyMonospace = "'Roboto Mono', monospace";
export function createTypography(colors: ThemeColors, typographyInput: ThemeTypographyInput = {}): ThemeTypography {

46
packages/grafana-data/src/themes/palette.ts
Unescape View File

@ -1,5 +1,5 @@
export const palette = {
white: '#FFFFFF',
white: '#ffffff',
black: '#000000',
gray25: '#2c3235',
@ -8,37 +8,37 @@ export const palette = {
gray05: '#111217', // old '#0b0c0e',
// new from figma,
darkLayer0: '#18181A',
darkLayer0: '#18181a',
darkLayer1: '#212124',
darkLayer2: '#2a2a2f', // figma used #34343B but a bit too bright
darkBorder1: '#34343B',
darkBorder2: '#64646B',
darkBorder1: '#34343b',
darkBorder2: '#64646b',
// Dashboard bg / layer 0 (light theme)
gray90: '#F4F5F5',
gray90: '#f4f5f5',
// Card bg / layer 1
gray100: '#F4F5F5',
gray100: '#f4f5f5',
// divider line
gray80: '#D0D1D3',
gray80: '#d0d1d3',
// from figma
lightBorder1: '#E4E7E7',
lightBorder1: '#e4e7e7',
blueDarkMain: '#3D71D9', // '#4165F5',
blueDarkText: '#6E9FFF', // '#58a6ff', //'#33a2e5', // '#5790FF',
redDarkMain: '#D10E5C',
redDarkText: '#FF5286',
greenDarkMain: '#1A7F4B',
greenDarkText: '#6CCF8E',
orangeDarkMain: '#FF9900',
blueDarkMain: '#3d71d9', // '#4165F5',
blueDarkText: '#6e9fff', // '#58a6ff', //'#33a2e5', // '#5790FF',
redDarkMain: '#d10e5c',
redDarkText: '#ff5286',
greenDarkMain: '#1a7f4b',
greenDarkText: '#6ccf8e',
orangeDarkMain: '#ff9900',
orangeDarkText: '#fbad37',
blueLightMain: '#3871DC',
blueLightText: '#1F62E0',
redLightMain: '#E0226E',
redLightText: '#CF0E5B',
greenLightMain: '#1B855E',
greenLightText: '#0A764E',
orangeLightMain: '#FF9900',
orangeLightText: '#B5510D',
blueLightMain: '#3871dc',
blueLightText: '#1f62e0',
redLightMain: '#e0226e',
redLightText: '#cf0e5B',
greenLightMain: '#1b855e',
greenLightText: '#0a764e',
orangeLightMain: '#ff9900',
orangeLightText: '#b5510d',
};

4
packages/grafana-ui/src/components/uPlot/config/UPlotConfigBuilder.test.ts
Unescape View File

@ -414,7 +414,7 @@ describe('UPlotConfigBuilder', () => {
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": false,
@ -423,7 +423,7 @@ describe('UPlotConfigBuilder', () => {
},
"incrs": undefined,
"label": "test label",
"labelFont": "12px "Inter", "Helvetica", "Arial", sans-serif",
"labelFont": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"labelGap": 8,
"labelSize": 20,
"rotate": undefined,

4
packages/grafana-ui/src/graveyard/GraphNG/__snapshots__/utils.test.ts.snap
Unescape View File

@ -5,7 +5,7 @@ exports[`GraphNG utils preparePlotConfigBuilder 1`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -33,7 +33,7 @@ exports[`GraphNG utils preparePlotConfigBuilder 1`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,

2
packages/grafana-ui/src/themes/_variables.light.scss.tmpl.ts
Unescape View File

@ -148,7 +148,7 @@ $popover-shadow: ${theme.shadows.z3};
$graph-tooltip-bg: $gray-5;
$tooltipLinkColor: color.adjust($tooltipColor, $lightness: 5%);
$tooltipExternalLinkColor: #6E9FFF;
$tooltipExternalLinkColor: #6e9fff;
$popover-error-bg: $red-base;
$popover-help-bg: $tooltipBackground;

4
public/app/core/components/GraphNG/__snapshots__/utils.test.ts.snap
Unescape View File

@ -5,7 +5,7 @@ exports[`GraphNG utils preparePlotConfigBuilder 1`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -33,7 +33,7 @@ exports[`GraphNG utils preparePlotConfigBuilder 1`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,

18
public/app/features/alerting/unified/components/rule-editor/__snapshots__/util.test.ts.snap
Unescape View File

@ -11,7 +11,7 @@ exports[`getThresholdsForQueries should work for classic_condition 1`] = `
"value": -Infinity,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 0,
},
],
@ -32,7 +32,7 @@ exports[`getThresholdsForQueries should work for lt and gt 1`] = `
"value": -Infinity,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 0,
},
],
@ -53,7 +53,7 @@ exports[`getThresholdsForQueries should work for lt and gt 2`] = `
"value": -Infinity,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 0,
},
],
@ -70,11 +70,11 @@ exports[`getThresholdsForQueries should work for outside_range 1`] = `
"mode": "absolute",
"steps": [
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": -Infinity,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 0,
},
{
@ -82,7 +82,7 @@ exports[`getThresholdsForQueries should work for outside_range 1`] = `
"value": 0,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 10,
},
],
@ -103,7 +103,7 @@ exports[`getThresholdsForQueries should work for threshold condition 1`] = `
"value": -Infinity,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 0,
},
],
@ -124,11 +124,11 @@ exports[`getThresholdsForQueries should work for within_range 1`] = `
"value": -Infinity,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 0,
},
{
"color": "#D10E5C",
"color": "#d10e5c",
"value": 10,
},
{

2
public/app/plugins/datasource/cloud-monitoring/components/__snapshots__/VariableQueryEditor.test.tsx.snap
Unescape View File

@ -19,7 +19,7 @@ exports[`VariableQueryEditor renders correctly 1`] = `
<div>
<div>
<div
class="css-1nmqu8c-input-wrapper css-smf98s"
class="css-rebjtg-input-wrapper css-smf98s"
>
<span
class="css-1f43avz-a11yText-A11yText"

32
public/app/plugins/panel/barchart/__snapshots__/utils.test.ts.snap
Unescape View File

@ -5,7 +5,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 1`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -33,7 +33,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 1`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -161,7 +161,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 2`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -189,7 +189,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 2`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -317,7 +317,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 3`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -345,7 +345,7 @@ exports[`BarChart utils preparePlotConfigBuilder orientation 3`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -473,7 +473,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 1`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -501,7 +501,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 1`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -629,7 +629,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 2`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -657,7 +657,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 2`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -785,7 +785,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 3`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -813,7 +813,7 @@ exports[`BarChart utils preparePlotConfigBuilder stacking 3`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -941,7 +941,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 1`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -969,7 +969,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 1`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,
@ -1097,7 +1097,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 2`] = `
"axes": [
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 15,
"grid": {
"show": false,
@ -1125,7 +1125,7 @@ exports[`BarChart utils preparePlotConfigBuilder value visibility 2`] = `
},
{
"filter": undefined,
"font": "12px "Inter", "Helvetica", "Arial", sans-serif",
"font": "12px 'Inter', 'Helvetica', 'Arial', sans-serif",
"gap": 5,
"grid": {
"show": true,

16
public/sass/_angular.scss
Unescape View File

@ -1711,36 +1711,36 @@ input:checked + .gf-form-switch__checkbox {
}
// Top and bottom corners
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-bottom
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: 0 (-$attachmentOffset);
}
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-bottom
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: 100% (-$attachmentOffset);
}
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-top
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: 0 calc(100% + #{$attachmentOffset});
}
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-top
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: 100% calc(100% + #{$attachmentOffset});
}
// Side corners
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: calc(100% + #{$attachmentOffset}) 0;
}
&.#{$themePrefix}-element-attached-top.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: (-$attachmentOffset) 0;
}
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-right.#{$themePrefix}-target-attached-left
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: calc(100% + #{$attachmentOffset}) 100%;
}
&.#{$themePrefix}-element-attached-bottom.#{$themePrefix}-element-attached-left.#{$themePrefix}-target-attached-right
.#{$themePrefix}-content {
/* stylelint-disable-line */ .#{$themePrefix}-content {
transform-origin: (-$attachmentOffset) 100%;
}
}

22
public/sass/_variables.dark.generated.scss
Unescape View File

@ -16,9 +16,9 @@ $theme-name: dark;
// New Colors
// -------------------------
$blue-base: #3D71D9;
$red-base: #D10E5C;
$green-base: #1A7F4B;
$blue-base: #3d71d9;
$red-base: #d10e5c;
$green-base: #1a7f4b;
// Grays
// -------------------------
@ -49,14 +49,14 @@ $body-bg: #111217;
$text-color: rgb(204, 204, 220);
$text-color-weak: rgba(204, 204, 220, 0.65);
$text-color-emphasis: #FFFFFF;
$text-color-emphasis: #ffffff;
// Links
// -------------------------
$link-color: rgb(204, 204, 220);
$link-color-disabled: rgba(204, 204, 220, 0.6);
$link-hover-color: #FFFFFF;
$link-hover-color: #ffffff;
// Typography
// -------------------------
@ -109,7 +109,7 @@ $btn-drag-image: '../img/grab_dark.svg';
$input-bg: #111217;
$input-color: rgb(204, 204, 220);
$input-border-color: rgba(204, 204, 220, 0.20);
$input-border-color: rgba(204, 204, 220, 0.2);
// Dropdowns
// -------------------------
@ -131,15 +131,15 @@ $menu-dropdown-shadow: 0px 8px 24px rgb(1, 4, 9);
// Form states and alerts
// -------------------------
$alert-error-bg: #D10E5C;
$alert-success-bg: #1A7F4B;
$alert-warning-bg: #FF9900;
$alert-info-bg: #FF9900;
$alert-error-bg: #d10e5c;
$alert-success-bg: #1a7f4b;
$alert-warning-bg: #ff9900;
$alert-info-bg: #ff9900;
// Tooltips and popovers
// -------------------------
$tooltipLinkColor: $link-color;
$tooltipExternalLinkColor: #6E9FFF;
$tooltipExternalLinkColor: #6e9fff;
$graph-tooltip-bg: $dark-1;
$tooltipBackground: #22252b;

2
public/sass/_variables.generated.scss
Unescape View File

@ -99,7 +99,7 @@ $height-lg: 48;
// Typography
// -------------------------
/* stylelint-disable-next-line string-quotes */
$font-family-sans-serif: "Inter", "Helvetica", "Arial", sans-serif;
$font-family-sans-serif: 'Inter', 'Helvetica', 'Arial', sans-serif;
/* stylelint-disable-next-line string-quotes */
$font-family-monospace: 'Roboto Mono', monospace;

50
public/sass/_variables.light.generated.scss
Unescape View File

@ -16,9 +16,9 @@ $theme-name: light;
// New Colors
// -------------------------
$blue-base: #3871DC;
$red-base: #E0226E;
$green-base: #1B855E;
$blue-base: #3871dc;
$red-base: #e0226e;
$green-base: #1b855e;
// Grays
// -------------------------
@ -35,18 +35,18 @@ $gray-7: #fbfbfb;
$white: #ffffff;
$layer2: #F4F5F5;
$layer2: #f4f5f5;
// Accent colors
// -------------------------
$blue: #1F62E0;
$blue: #1f62e0;
$red: $red-base;
$yellow: #ecbb13;
$purple: #9933cc;
// Scaffolding
// -------------------------
$body-bg: #F4F5F5;
$body-bg: #f4f5f5;
$text-color: rgba(36, 41, 46, 1);
$text-color-weak: rgba(36, 41, 46, 0.75);
@ -64,22 +64,22 @@ $text-muted: $text-color-weak;
// Panel
// -------------------------
$panel-bg: #FFFFFF;
$panel-bg: #ffffff;
// Page header
$page-header-bg: #F4F5F5;
$page-header-bg: #f4f5f5;
$page-header-shadow: inset 0px -3px 10px $gray-6;
$page-header-border-color: #F4F5F5;
$page-header-border-color: #f4f5f5;
// Graphite Target Editor
$tight-form-func-bg: #F4F5F5;
$tight-form-func-bg: #f4f5f5;
$code-tag-bg: $gray-6;
$code-tag-border: $gray-4;
// cards
$card-background: #F4F5F5;
$card-background-hover: #F4F5F5;
$card-background: #f4f5f5;
$card-background-hover: #f4f5f5;
$card-shadow: none;
// Lists
@ -93,7 +93,7 @@ $scrollbarBackground2: $gray-4;
// Tables
// -------------------------
$table-bg-accent: #F4F5F5;
$table-bg-accent: #f4f5f5;
// Buttons
// -------------------------
@ -106,14 +106,14 @@ $btn-drag-image: '../img/grab_light.svg';
// Forms
// -------------------------
$input-bg: #FFFFFF;
$input-bg: #ffffff;
$input-color: rgba(36, 41, 46, 1);
$input-border-color: rgba(36, 41, 46, 0.30);
$input-border-color: rgba(36, 41, 46, 0.3);
// Dropdowns
// -------------------------
$dropdownBackground: #FFFFFF;
$dropdownBackground: #ffffff;
$dropdownBorder: rgba(36, 41, 46, 0.12);
$dropdownDividerTop: rgba(36, 41, 46, 0.12);
$dropdownDividerBottom: rgba(36, 41, 46, 0.12);
@ -126,31 +126,31 @@ $dropdownLinkBackgroundHover: $gray-6;
// Menu dropdowns
// -------------------------
$menu-dropdown-bg: #FFFFFF;
$menu-dropdown-bg: #ffffff;
$menu-dropdown-hover-bg: rgba(36, 41, 46, 0.12);
$menu-dropdown-shadow: 0px 13px 20px 1px rgba(24, 26, 27, 0.18);
// Form states and alerts
// -------------------------
$alert-error-bg: #E0226E;
$alert-success-bg: #1B855E;
$alert-warning-bg: #FF9900;
$alert-info-bg: #FF9900;
$alert-error-bg: #e0226e;
$alert-success-bg: #1b855e;
$alert-warning-bg: #ff9900;
$alert-info-bg: #ff9900;
// Tooltips and popovers
$tooltipBackground: #F4F5F5;
$tooltipBackground: #f4f5f5;
$tooltipColor: rgba(36, 41, 46, 1);
$popover-bg: #FFFFFF;
$popover-bg: #ffffff;
$popover-color: rgba(36, 41, 46, 1);
$popover-border-color: rgba(36, 41, 46, 0.12);
$popover-header-bg: #F4F5F5;
$popover-header-bg: #f4f5f5;
$popover-shadow: 0px 13px 20px 1px rgba(24, 26, 27, 0.18);
$graph-tooltip-bg: $gray-5;
$tooltipLinkColor: color.adjust($tooltipColor, $lightness: 5%);
$tooltipExternalLinkColor: #6E9FFF;
$tooltipExternalLinkColor: #6e9fff;
$popover-error-bg: $red-base;
$popover-help-bg: $tooltipBackground;

52
yarn.lock
Unescape View File

@ -1680,7 +1680,7 @@ __metadata:
languageName: node
linkType: hard
"@csstools/css-parser-algorithms@npm:^3.0.4":
"@csstools/css-parser-algorithms@npm:^3.0.1, @csstools/css-parser-algorithms@npm:^3.0.4":
version: 3.0.4
resolution: "@csstools/css-parser-algorithms@npm:3.0.4"
peerDependencies:
@ -1689,13 +1689,23 @@ __metadata:
languageName: node
linkType: hard
"@csstools/css-tokenizer@npm:^3.0.3":
"@csstools/css-tokenizer@npm:^3.0.1, @csstools/css-tokenizer@npm:^3.0.3":
version: 3.0.3
resolution: "@csstools/css-tokenizer@npm:3.0.3"
checksum: 10/6baa3160e426e1f177b8f10d54ec7a4a596090f65a05f16d7e9e4da049962a404eabc5f885f4867093702c259cd4080ac92a438326e22dea015201b3e71f5bbb
languageName: node
linkType: hard
"@csstools/media-query-list-parser@npm:^3.0.1":
version: 3.0.1
resolution: "@csstools/media-query-list-parser@npm:3.0.1"
peerDependencies:
"@csstools/css-parser-algorithms": ^3.0.1
"@csstools/css-tokenizer": ^3.0.1
checksum: 10/794344c67b126ad93d516ab3f01254d44cfa794c3401e34e8cc62ddc7fc13c9ab6c76cb517b643dbda47b57f2eb578c6a11c4a9a4b516d88e260a4016b64ce7f
languageName: node
linkType: hard
"@csstools/media-query-list-parser@npm:^4.0.2":
version: 4.0.2
resolution: "@csstools/media-query-list-parser@npm:4.0.2"
@ -7617,6 +7627,24 @@ __metadata:
languageName: node
linkType: hard
"@stylistic/stylelint-plugin@npm:^3.0.1":
version: 3.1.1
resolution: "@stylistic/stylelint-plugin@npm:3.1.1"
dependencies:
"@csstools/css-parser-algorithms": "npm:^3.0.1"
"@csstools/css-tokenizer": "npm:^3.0.1"
"@csstools/media-query-list-parser": "npm:^3.0.1"
is-plain-object: "npm:^5.0.0"
postcss-selector-parser: "npm:^6.1.2"
postcss-value-parser: "npm:^4.2.0"
style-search: "npm:^0.1.0"
stylelint: "npm:^16.8.2"
peerDependencies:
stylelint: ^16.8.0
checksum: 10/a7276c74a69b7c37e1db15fb8d0c7eeb5bce40f346a50c94d4a712c1100d83a9969dc1bc64494436bbb6c946ed606ccbd87a7c3fe697f2accb5504ead89c83d8
languageName: node
linkType: hard
"@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0":
version: 8.0.0
resolution: "@svgr/babel-plugin-add-jsx-attribute@npm:8.0.0"
@ -17795,7 +17823,7 @@ __metadata:
smtp-tester: "npm:^2.1.0"
style-loader: "npm:4.0.0"
stylelint: "npm:16.12.0"
stylelint-config-sass-guidelines: "npm:11.1.0"
stylelint-config-sass-guidelines: "npm:12.1.0"
swagger-ui-react: "npm:5.18.2"
symbol-observable: "npm:4.0.0"
systemjs: "npm:6.15.1"
@ -28557,6 +28585,13 @@ __metadata:
languageName: node
linkType: hard
"style-search@npm:^0.1.0":
version: 0.1.0
resolution: "style-search@npm:0.1.0"
checksum: 10/841049768c863737389558fafffa0b765f553bde041b7997c4cd54606b64b0d139936e2efee74dc1ce59fcde78aaa88484d9894838c31d5c98c1ccace312a59b
languageName: node
linkType: hard
"stylehacks@npm:^7.0.4":
version: 7.0.4
resolution: "stylehacks@npm:7.0.4"
@ -28569,16 +28604,17 @@ __metadata:
languageName: node
linkType: hard
"stylelint-config-sass-guidelines@npm:11.1.0":
version: 11.1.0
resolution: "stylelint-config-sass-guidelines@npm:11.1.0"
"stylelint-config-sass-guidelines@npm:12.1.0":
version: 12.1.0
resolution: "stylelint-config-sass-guidelines@npm:12.1.0"
dependencies:
"@stylistic/stylelint-plugin": "npm:^3.0.1"
postcss-scss: "npm:^4.0.9"
stylelint-scss: "npm:^6.2.1"
peerDependencies:
postcss: ^8.4.21
stylelint: ^16.1.0
checksum: 10/2585e83932ffa1fa5b2895f8e3edbec1d3a39bc1f9737b8eb8c055ff4fc9a1d62950287d9525e0b98ad653c5777eb4bfdfe066804440938c170c263117351ba3
checksum: 10/35a19408b4ce7428e1fbd782f6d7b3fdc3fce82e0272240d520e263c7aa9aabe7c12257304bbcbfacc0ad5e377227d7a12a73bc7b5425649d50df914c9db26a2
languageName: node
linkType: hard
@ -28597,7 +28633,7 @@ __metadata:
languageName: node
linkType: hard
"stylelint@npm:16.12.0":
"stylelint@npm:16.12.0, stylelint@npm:^16.8.2":
version: 16.12.0
resolution: "stylelint@npm:16.12.0"
dependencies:

Write Preview
Loading…
Cancel
Save