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

* 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>
This commit is contained in:
renovate[bot]
2024-12-19 11:44:28 +00:00
committed by GitHub
parent c1e078b3a3
commit a331c7cc38
16 changed files with 150 additions and 114 deletions

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 = {

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 {

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',
};

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,

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,

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;