From c8de001e1868a387d9bb476b92de58bc40f5374d Mon Sep 17 00:00:00 2001 From: valterlorran Date: Mon, 6 Jan 2025 15:20:24 +0000 Subject: [PATCH] Fix/bug color palettes (#40846) * Fix the color palettes * Add changelog --------- Co-authored-by: Valter Lorran Committed via a GitHub action: https://github.com/Automattic/jetpack/actions/runs/12634891213 Upstream-Ref: Automattic/jetpack@d4d3bdeaaadd0db666a08f42ce4b8ee00d1c277a --- dist/components/bar-chart/style.css | 32 +++---- dist/components/grid-control/style.css | 86 +++++++++--------- dist/components/legend/style.css | 62 ++++++------- dist/components/line-chart/style.css | 32 +++---- dist/components/pie-chart/style.css | 42 ++++----- .../pie-semi-circle-chart/style.css | 10 +-- dist/components/tooltip/style.css | 74 +++++++-------- dist/providers/theme/style.css | 90 +++++++++---------- 8 files changed, 214 insertions(+), 214 deletions(-) diff --git a/dist/components/bar-chart/style.css b/dist/components/bar-chart/style.css index 7ee89b1..4734b6e 100644 --- a/dist/components/bar-chart/style.css +++ b/dist/components/bar-chart/style.css @@ -1,22 +1,6 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { - position: relative; - text-align: center; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { - margin-top: 1rem; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { - margin-bottom: 0px; - font-weight: 600; - font-size: 16px; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { - margin-top: 0px; - font-size: 14px; -} .line-chart-module__line-chart__ITM3d { position: relative; } @@ -38,6 +22,22 @@ font-weight: 500; padding-right: 1rem; } +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { + position: relative; + text-align: center; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { + margin-top: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { + margin-bottom: 0px; + font-weight: 600; + font-size: 16px; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { + margin-top: 0px; + font-size: 14px; +} .grid-control-module__grid-control__KOnZN .visx-line { stroke: #d7d6d6; stroke-width: 1px; diff --git a/dist/components/grid-control/style.css b/dist/components/grid-control/style.css index c62c75e..9e28d72 100644 --- a/dist/components/grid-control/style.css +++ b/dist/components/grid-control/style.css @@ -7,16 +7,42 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } -.base-tooltip-module__tooltip__OfX6n { +.line-chart-module__line-chart__ITM3d { + position: relative; +} +.line-chart-module__line-chart__tooltip__aqcme { + background: #fff; padding: 0.5rem; - background-color: rgba(0, 0, 0, 0.85); - color: white; - border-radius: 4px; +} +.line-chart-module__line-chart__tooltip-date__4Dzab { + font-weight: bold; + padding-bottom: 10px; +} +.line-chart-module__line-chart__tooltip-row__6A37G { + display: flex; + align-items: center; + padding: 4px 0; + justify-content: space-between; +} +.line-chart-module__line-chart__tooltip-label__IvnFF { + font-weight: 500; + padding-right: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { + position: relative; + text-align: center; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { + margin-top: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { + margin-bottom: 0px; + font-weight: 600; + font-size: 16px; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { + margin-top: 0px; font-size: 14px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - position: absolute; - pointer-events: none; - transform: translate(-50%, -100%); } .legend-module__legend--horizontal__IUN13 { display: flex; @@ -51,42 +77,16 @@ .legend-module__legend-item-value__d9x1j { font-weight: 500; } -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { - position: relative; - text-align: center; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { - margin-top: 1rem; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { - margin-bottom: 0px; - font-weight: 600; - font-size: 16px; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { - margin-top: 0px; - font-size: 14px; -} -.line-chart-module__line-chart__ITM3d { - position: relative; -} -.line-chart-module__line-chart__tooltip__aqcme { - background: #fff; +.base-tooltip-module__tooltip__OfX6n { padding: 0.5rem; -} -.line-chart-module__line-chart__tooltip-date__4Dzab { - font-weight: bold; - padding-bottom: 10px; -} -.line-chart-module__line-chart__tooltip-row__6A37G { - display: flex; - align-items: center; - padding: 4px 0; - justify-content: space-between; -} -.line-chart-module__line-chart__tooltip-label__IvnFF { - font-weight: 500; - padding-right: 1rem; + background-color: rgba(0, 0, 0, 0.85); + color: white; + border-radius: 4px; + font-size: 14px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + position: absolute; + pointer-events: none; + transform: translate(-50%, -100%); } .grid-control-module__grid-control__KOnZN .visx-line { stroke: #d7d6d6; diff --git a/dist/components/legend/style.css b/dist/components/legend/style.css index a0e767c..ff71606 100644 --- a/dist/components/legend/style.css +++ b/dist/components/legend/style.css @@ -7,21 +7,26 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } -.base-tooltip-module__tooltip__OfX6n { +.line-chart-module__line-chart__ITM3d { + position: relative; +} +.line-chart-module__line-chart__tooltip__aqcme { + background: #fff; padding: 0.5rem; - background-color: rgba(0, 0, 0, 0.85); - color: white; - border-radius: 4px; - font-size: 14px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - position: absolute; - pointer-events: none; - transform: translate(-50%, -100%); } -.grid-control-module__grid-control__KOnZN .visx-line { - stroke: #d7d6d6; - stroke-width: 1px; - shape-rendering: crispEdges; +.line-chart-module__line-chart__tooltip-date__4Dzab { + font-weight: bold; + padding-bottom: 10px; +} +.line-chart-module__line-chart__tooltip-row__6A37G { + display: flex; + align-items: center; + padding: 4px 0; + justify-content: space-between; +} +.line-chart-module__line-chart__tooltip-label__IvnFF { + font-weight: 500; + padding-right: 1rem; } .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { position: relative; @@ -39,26 +44,21 @@ margin-top: 0px; font-size: 14px; } -.line-chart-module__line-chart__ITM3d { - position: relative; -} -.line-chart-module__line-chart__tooltip__aqcme { - background: #fff; +.base-tooltip-module__tooltip__OfX6n { padding: 0.5rem; + background-color: rgba(0, 0, 0, 0.85); + color: white; + border-radius: 4px; + font-size: 14px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + position: absolute; + pointer-events: none; + transform: translate(-50%, -100%); } -.line-chart-module__line-chart__tooltip-date__4Dzab { - font-weight: bold; - padding-bottom: 10px; -} -.line-chart-module__line-chart__tooltip-row__6A37G { - display: flex; - align-items: center; - padding: 4px 0; - justify-content: space-between; -} -.line-chart-module__line-chart__tooltip-label__IvnFF { - font-weight: 500; - padding-right: 1rem; +.grid-control-module__grid-control__KOnZN .visx-line { + stroke: #d7d6d6; + stroke-width: 1px; + shape-rendering: crispEdges; } .legend-module__legend--horizontal__IUN13 { display: flex; diff --git a/dist/components/line-chart/style.css b/dist/components/line-chart/style.css index ea0584b..695551b 100644 --- a/dist/components/line-chart/style.css +++ b/dist/components/line-chart/style.css @@ -7,22 +7,6 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } -.base-tooltip-module__tooltip__OfX6n { - padding: 0.5rem; - background-color: rgba(0, 0, 0, 0.85); - color: white; - border-radius: 4px; - font-size: 14px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - position: absolute; - pointer-events: none; - transform: translate(-50%, -100%); -} -.grid-control-module__grid-control__KOnZN .visx-line { - stroke: #d7d6d6; - stroke-width: 1px; - shape-rendering: crispEdges; -} .pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { position: relative; text-align: center; @@ -39,6 +23,22 @@ margin-top: 0px; font-size: 14px; } +.base-tooltip-module__tooltip__OfX6n { + padding: 0.5rem; + background-color: rgba(0, 0, 0, 0.85); + color: white; + border-radius: 4px; + font-size: 14px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + position: absolute; + pointer-events: none; + transform: translate(-50%, -100%); +} +.grid-control-module__grid-control__KOnZN .visx-line { + stroke: #d7d6d6; + stroke-width: 1px; + shape-rendering: crispEdges; +} .legend-module__legend--horizontal__IUN13 { display: flex; flex-direction: row; diff --git a/dist/components/pie-chart/style.css b/dist/components/pie-chart/style.css index 92120e0..04e9b49 100644 --- a/dist/components/pie-chart/style.css +++ b/dist/components/pie-chart/style.css @@ -4,27 +4,6 @@ .bar-chart-module__bar-chart-legend__vgKKq { margin-top: 1rem; } -.grid-control-module__grid-control__KOnZN .visx-line { - stroke: #d7d6d6; - stroke-width: 1px; - shape-rendering: crispEdges; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { - position: relative; - text-align: center; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { - margin-top: 1rem; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { - margin-bottom: 0px; - font-weight: 600; - font-size: 16px; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { - margin-top: 0px; - font-size: 14px; -} .line-chart-module__line-chart__ITM3d { position: relative; } @@ -46,6 +25,27 @@ font-weight: 500; padding-right: 1rem; } +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { + position: relative; + text-align: center; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { + margin-top: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { + margin-bottom: 0px; + font-weight: 600; + font-size: 16px; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { + margin-top: 0px; + font-size: 14px; +} +.grid-control-module__grid-control__KOnZN .visx-line { + stroke: #d7d6d6; + stroke-width: 1px; + shape-rendering: crispEdges; +} .legend-module__legend--horizontal__IUN13 { display: flex; flex-direction: row; diff --git a/dist/components/pie-semi-circle-chart/style.css b/dist/components/pie-semi-circle-chart/style.css index bd9694c..01f84a9 100644 --- a/dist/components/pie-semi-circle-chart/style.css +++ b/dist/components/pie-semi-circle-chart/style.css @@ -7,11 +7,6 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } -.grid-control-module__grid-control__KOnZN .visx-line { - stroke: #d7d6d6; - stroke-width: 1px; - shape-rendering: crispEdges; -} .line-chart-module__line-chart__ITM3d { position: relative; } @@ -33,6 +28,11 @@ font-weight: 500; padding-right: 1rem; } +.grid-control-module__grid-control__KOnZN .visx-line { + stroke: #d7d6d6; + stroke-width: 1px; + shape-rendering: crispEdges; +} .legend-module__legend--horizontal__IUN13 { display: flex; flex-direction: row; diff --git a/dist/components/tooltip/style.css b/dist/components/tooltip/style.css index 2f2b70f..61e8279 100644 --- a/dist/components/tooltip/style.css +++ b/dist/components/tooltip/style.css @@ -7,6 +7,43 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } +.line-chart-module__line-chart__ITM3d { + position: relative; +} +.line-chart-module__line-chart__tooltip__aqcme { + background: #fff; + padding: 0.5rem; +} +.line-chart-module__line-chart__tooltip-date__4Dzab { + font-weight: bold; + padding-bottom: 10px; +} +.line-chart-module__line-chart__tooltip-row__6A37G { + display: flex; + align-items: center; + padding: 4px 0; + justify-content: space-between; +} +.line-chart-module__line-chart__tooltip-label__IvnFF { + font-weight: 500; + padding-right: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { + position: relative; + text-align: center; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { + margin-top: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { + margin-bottom: 0px; + font-weight: 600; + font-size: 16px; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { + margin-top: 0px; + font-size: 14px; +} .legend-module__legend--horizontal__IUN13 { display: flex; flex-direction: row; @@ -45,43 +82,6 @@ stroke-width: 1px; shape-rendering: crispEdges; } -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { - position: relative; - text-align: center; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { - margin-top: 1rem; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { - margin-bottom: 0px; - font-weight: 600; - font-size: 16px; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { - margin-top: 0px; - font-size: 14px; -} -.line-chart-module__line-chart__ITM3d { - position: relative; -} -.line-chart-module__line-chart__tooltip__aqcme { - background: #fff; - padding: 0.5rem; -} -.line-chart-module__line-chart__tooltip-date__4Dzab { - font-weight: bold; - padding-bottom: 10px; -} -.line-chart-module__line-chart__tooltip-row__6A37G { - display: flex; - align-items: center; - padding: 4px 0; - justify-content: space-between; -} -.line-chart-module__line-chart__tooltip-label__IvnFF { - font-weight: 500; - padding-right: 1rem; -} .base-tooltip-module__tooltip__OfX6n { padding: 0.5rem; background-color: rgba(0, 0, 0, 0.85); diff --git a/dist/providers/theme/style.css b/dist/providers/theme/style.css index 01558bd..9e28d72 100644 --- a/dist/providers/theme/style.css +++ b/dist/providers/theme/style.css @@ -7,16 +7,42 @@ .pie-chart-module__pie-chart__R12Vh { position: relative; } -.base-tooltip-module__tooltip__OfX6n { +.line-chart-module__line-chart__ITM3d { + position: relative; +} +.line-chart-module__line-chart__tooltip__aqcme { + background: #fff; padding: 0.5rem; - background-color: rgba(0, 0, 0, 0.85); - color: white; - border-radius: 4px; +} +.line-chart-module__line-chart__tooltip-date__4Dzab { + font-weight: bold; + padding-bottom: 10px; +} +.line-chart-module__line-chart__tooltip-row__6A37G { + display: flex; + align-items: center; + padding: 4px 0; + justify-content: space-between; +} +.line-chart-module__line-chart__tooltip-label__IvnFF { + font-weight: 500; + padding-right: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { + position: relative; + text-align: center; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { + margin-top: 1rem; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { + margin-bottom: 0px; + font-weight: 600; + font-size: 16px; +} +.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { + margin-top: 0px; font-size: 14px; - box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); - position: absolute; - pointer-events: none; - transform: translate(-50%, -100%); } .legend-module__legend--horizontal__IUN13 { display: flex; @@ -51,45 +77,19 @@ .legend-module__legend-item-value__d9x1j { font-weight: 500; } +.base-tooltip-module__tooltip__OfX6n { + padding: 0.5rem; + background-color: rgba(0, 0, 0, 0.85); + color: white; + border-radius: 4px; + font-size: 14px; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); + position: absolute; + pointer-events: none; + transform: translate(-50%, -100%); +} .grid-control-module__grid-control__KOnZN .visx-line { stroke: #d7d6d6; stroke-width: 1px; shape-rendering: crispEdges; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 { - position: relative; - text-align: center; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart-legend__c8W1Y { - margin-top: 1rem; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__label__nPqOg { - margin-bottom: 0px; - font-weight: 600; - font-size: 16px; -} -.pie-semi-circle-chart-module__pie-semi-circle-chart__r5jk9 .pie-semi-circle-chart-module__note__LpBZQ { - margin-top: 0px; - font-size: 14px; -} -.line-chart-module__line-chart__ITM3d { - position: relative; -} -.line-chart-module__line-chart__tooltip__aqcme { - background: #fff; - padding: 0.5rem; -} -.line-chart-module__line-chart__tooltip-date__4Dzab { - font-weight: bold; - padding-bottom: 10px; -} -.line-chart-module__line-chart__tooltip-row__6A37G { - display: flex; - align-items: center; - padding: 4px 0; - justify-content: space-between; -} -.line-chart-module__line-chart__tooltip-label__IvnFF { - font-weight: 500; - padding-right: 1rem; } \ No newline at end of file