From d6e8ccf985c0139128db6ee2bbce08f9570b129b Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Tue, 30 Jun 2026 14:21:55 +0200 Subject: [PATCH 1/7] chore(css): Add a pixel tracker --- packages/orange-compact/scss/tokens/_composite.scss | 3 +++ packages/orange/scss/tokens/_composite.scss | 3 +++ packages/sosh/scss/tokens/_composite.scss | 3 +++ scss/_root.scss | 4 ++++ 4 files changed, 13 insertions(+) diff --git a/packages/orange-compact/scss/tokens/_composite.scss b/packages/orange-compact/scss/tokens/_composite.scss index 2ea3435a3d..18f4c98850 100644 --- a/packages/orange-compact/scss/tokens/_composite.scss +++ b/packages/orange-compact/scss/tokens/_composite.scss @@ -140,3 +140,6 @@ $svg-as-custom-props: ( "warning-internal": $alert-icon-warning-internal, "error": $alert-icon-important ) !default; + +// OUDS pixel tracker +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?lib=web-orange-compact&v=1.3.0" !default; diff --git a/packages/orange/scss/tokens/_composite.scss b/packages/orange/scss/tokens/_composite.scss index 2ea3435a3d..c82faca9f4 100644 --- a/packages/orange/scss/tokens/_composite.scss +++ b/packages/orange/scss/tokens/_composite.scss @@ -140,3 +140,6 @@ $svg-as-custom-props: ( "warning-internal": $alert-icon-warning-internal, "error": $alert-icon-important ) !default; + +// OUDS pixel tracker +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?lib=web-orange&v=1.3.0" !default; diff --git a/packages/sosh/scss/tokens/_composite.scss b/packages/sosh/scss/tokens/_composite.scss index ea7f92ef87..935be669ba 100644 --- a/packages/sosh/scss/tokens/_composite.scss +++ b/packages/sosh/scss/tokens/_composite.scss @@ -131,3 +131,6 @@ $svg-as-custom-props: ( "warning-internal": $alert-icon-warning-internal, "error": $alert-icon-important ) !default; + +// OUDS pixel tracker +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?lib=web-sosh&v=1.3.0" !default; diff --git a/scss/_root.scss b/scss/_root.scss index 400f82f82e..6e128824d0 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -9,6 +9,10 @@ } } +#{$ouds-root-selector}::after { + background-image: url("#{$ouds-pixel-tracker-url}"); +} + #{$ouds-root-selector}, [data-bs-theme] { color: var(--#{$prefix}color-local, var(--#{$prefix}color-content-default)); From a300c19f6b4a578008bdb54a355f823092efa505 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Tue, 30 Jun 2026 14:32:45 +0200 Subject: [PATCH 2/7] . --- scss/_root.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/scss/_root.scss b/scss/_root.scss index 6e128824d0..eeb99053e2 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -10,6 +10,7 @@ } #{$ouds-root-selector}::after { + content: ""; background-image: url("#{$ouds-pixel-tracker-url}"); } From 8f5e1b5fb466ac56487cbd378822f8f46a7d6179 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Fri, 3 Jul 2026 09:13:34 +0200 Subject: [PATCH 3/7] Change url --- packages/orange-compact/scss/tokens/_composite.scss | 2 +- packages/orange/scss/tokens/_composite.scss | 2 +- packages/sosh/scss/tokens/_composite.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/orange-compact/scss/tokens/_composite.scss b/packages/orange-compact/scss/tokens/_composite.scss index 18f4c98850..a69cfb5e99 100644 --- a/packages/orange-compact/scss/tokens/_composite.scss +++ b/packages/orange-compact/scss/tokens/_composite.scss @@ -142,4 +142,4 @@ $svg-as-custom-props: ( ) !default; // OUDS pixel tracker -$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?lib=web-orange-compact&v=1.3.0" !default; +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&lib=web-orange-compact&v=1.3.0" !default; diff --git a/packages/orange/scss/tokens/_composite.scss b/packages/orange/scss/tokens/_composite.scss index c82faca9f4..d623b5f082 100644 --- a/packages/orange/scss/tokens/_composite.scss +++ b/packages/orange/scss/tokens/_composite.scss @@ -142,4 +142,4 @@ $svg-as-custom-props: ( ) !default; // OUDS pixel tracker -$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?lib=web-orange&v=1.3.0" !default; +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&lib=web-orange&v=1.3.0" !default; diff --git a/packages/sosh/scss/tokens/_composite.scss b/packages/sosh/scss/tokens/_composite.scss index 935be669ba..1e29856b80 100644 --- a/packages/sosh/scss/tokens/_composite.scss +++ b/packages/sosh/scss/tokens/_composite.scss @@ -133,4 +133,4 @@ $svg-as-custom-props: ( ) !default; // OUDS pixel tracker -$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?lib=web-sosh&v=1.3.0" !default; +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&lib=web-sosh&v=1.3.0" !default; From 08c4648fc3ab73f660309954e3936de9f6dd8a42 Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Fri, 3 Jul 2026 10:44:34 +0200 Subject: [PATCH 4/7] Change Pixel urls --- packages/orange-compact/scss/tokens/_composite.scss | 2 +- packages/orange/scss/tokens/_composite.scss | 2 +- packages/sosh/scss/tokens/_composite.scss | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/orange-compact/scss/tokens/_composite.scss b/packages/orange-compact/scss/tokens/_composite.scss index a69cfb5e99..27014547f1 100644 --- a/packages/orange-compact/scss/tokens/_composite.scss +++ b/packages/orange-compact/scss/tokens/_composite.scss @@ -142,4 +142,4 @@ $svg-as-custom-props: ( ) !default; // OUDS pixel tracker -$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&lib=web-orange-compact&v=1.3.0" !default; +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&b=orc&lib=ouds-web&v=1.3.0" !default; diff --git a/packages/orange/scss/tokens/_composite.scss b/packages/orange/scss/tokens/_composite.scss index d623b5f082..cbb6f46fe3 100644 --- a/packages/orange/scss/tokens/_composite.scss +++ b/packages/orange/scss/tokens/_composite.scss @@ -142,4 +142,4 @@ $svg-as-custom-props: ( ) !default; // OUDS pixel tracker -$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&lib=web-orange&v=1.3.0" !default; +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&b=or&lib=ouds-web&v=1.3.0" !default; diff --git a/packages/sosh/scss/tokens/_composite.scss b/packages/sosh/scss/tokens/_composite.scss index 1e29856b80..89d735d888 100644 --- a/packages/sosh/scss/tokens/_composite.scss +++ b/packages/sosh/scss/tokens/_composite.scss @@ -133,4 +133,4 @@ $svg-as-custom-props: ( ) !default; // OUDS pixel tracker -$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&lib=web-sosh&v=1.3.0" !default; +$ouds-pixel-tracker-url: "https://assets.orange.com/pm_12751_542_542931-ew23c26ecu-ouds-px.png?a=1&b=ssh&lib=ouds-web&v=1.3.0" !default; From ef1cbbb2a7d87a6ddbce1cd2b3b5011dd333d9fa Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Fri, 3 Jul 2026 13:50:00 +0200 Subject: [PATCH 5/7] Update fonts --- packages/orange-compact/scss/tokens/_composite.scss | 6 +++--- packages/orange/scss/tokens/_composite.scss | 6 +++--- packages/sosh/scss/tokens/_composite.scss | 4 ++-- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/packages/orange-compact/scss/tokens/_composite.scss b/packages/orange-compact/scss/tokens/_composite.scss index 27014547f1..40115eb992 100644 --- a/packages/orange-compact/scss/tokens/_composite.scss +++ b/packages/orange-compact/scss/tokens/_composite.scss @@ -20,9 +20,9 @@ $custom-font-name: "HelvNeueOrange" !default; // Map of CDN URLs for custom font, with weight as keys $custom-font-cdn-urls: ( - $ouds-font-weight-system-web-default: "https://mastermedia.dam-broadcast.com/pm_12751_490_490071-myaimdgylf--HelveticaNeue-Default.woff2", - $ouds-font-weight-system-web-moderate: "https://mastermedia.dam-broadcast.com/pm_12751_490_490074-tqtijgs7e4--HelveticaNeue-Moderate.woff2", - $ouds-font-weight-system-web-strong: "https://mastermedia.dam-broadcast.com/pm_12751_490_490077-wejriti88u--HelveticaNeue-Strong.woff2" + $ouds-font-weight-system-web-default: "https://assets.orange.com/pm_12751_490_490071-myaimdgylf--HelveticaNeue-Default.woff2?a=1", + $ouds-font-weight-system-web-moderate: "https://assets.orange.com/pm_12751_490_490074-tqtijgs7e4--HelveticaNeue-Moderate.woff2?a=1", + $ouds-font-weight-system-web-strong: "https://assets.orange.com/pm_12751_490_490077-wejriti88u--HelveticaNeue-Strong.woff2?a=1" ) !default; $ouds-font-family-sans-serif-stack: diff --git a/packages/orange/scss/tokens/_composite.scss b/packages/orange/scss/tokens/_composite.scss index cbb6f46fe3..d2d6b2ab87 100644 --- a/packages/orange/scss/tokens/_composite.scss +++ b/packages/orange/scss/tokens/_composite.scss @@ -20,9 +20,9 @@ $custom-font-name: "HelvNeueOrange" !default; // Map of CDN URLs for custom font, with weight as keys $custom-font-cdn-urls: ( - $ouds-font-weight-system-web-default: "https://mastermedia.dam-broadcast.com/pm_12751_490_490071-myaimdgylf--HelveticaNeue-Default.woff2", - $ouds-font-weight-system-web-moderate: "https://mastermedia.dam-broadcast.com/pm_12751_490_490074-tqtijgs7e4--HelveticaNeue-Moderate.woff2", - $ouds-font-weight-system-web-strong: "https://mastermedia.dam-broadcast.com/pm_12751_490_490077-wejriti88u--HelveticaNeue-Strong.woff2" + $ouds-font-weight-system-web-default: "https://assets.orange.com/pm_12751_490_490071-myaimdgylf--HelveticaNeue-Default.woff2?a=1", + $ouds-font-weight-system-web-moderate: "https://assets.orange.com/pm_12751_490_490074-tqtijgs7e4--HelveticaNeue-Moderate.woff2?a=1", + $ouds-font-weight-system-web-strong: "https://assets.orange.com/pm_12751_490_490077-wejriti88u--HelveticaNeue-Strong.woff2?a=1" ) !default; $ouds-font-family-sans-serif-stack: diff --git a/packages/sosh/scss/tokens/_composite.scss b/packages/sosh/scss/tokens/_composite.scss index 89d735d888..730f2d6a82 100644 --- a/packages/sosh/scss/tokens/_composite.scss +++ b/packages/sosh/scss/tokens/_composite.scss @@ -20,8 +20,8 @@ $custom-font-name: "Sosh" !default; // Map of CDN URLs for custom font, with weight as keys $custom-font-cdn-urls: ( - $ouds-font-weight-system-web-moderate: "https://mastermedia.dam-broadcast.com/pm_12751_481_481818-a5ae2tmj13--Sosh-Medium.woff2", - $ouds-font-weight-system-web-strong: "https://mastermedia.dam-broadcast.com/pm_12751_481_481815-qd9nelrt7o--Sosh-Bold.woff2" + $ouds-font-weight-system-web-moderate: "https://assets.orange.com/pm_12751_481_481818-a5ae2tmj13--Sosh-Medium.woff2?a=1", + $ouds-font-weight-system-web-strong: "https://assets.orange.com/pm_12751_481_481815-qd9nelrt7o--Sosh-Bold.woff2?a=1" ) !default; $ouds-font-family-sans-serif-stack: From a1d2a7c53a9a5e3e9565d3e02779627321ebfc9d Mon Sep 17 00:00:00 2001 From: Louis-Maxime Piton Date: Fri, 3 Jul 2026 13:52:52 +0200 Subject: [PATCH 6/7] fix bundlewatch --- .bundlewatch.config.json | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/.bundlewatch.config.json b/.bundlewatch.config.json index d8b6c69ce8..9d5ee114be 100644 --- a/.bundlewatch.config.json +++ b/.bundlewatch.config.json @@ -6,7 +6,7 @@ }, { "path": "./packages/orange/dist/css/ouds-web-bootstrap.min.css", - "maxSize": "79.25 kB" + "maxSize": "79.5 kB" }, { "path": "./packages/orange/dist/css/ouds-web-grid.css", @@ -18,7 +18,7 @@ }, { "path": "./packages/orange/dist/css/ouds-web-reboot.css", - "maxSize": "7.5 kB" + "maxSize": "7.75 kB" }, { "path": "./packages/orange/dist/css/ouds-web-reboot.min.css", @@ -66,6 +66,8 @@ } ], "ci": { - "trackBranches": ["ouds/main"] + "trackBranches": [ + "ouds/main" + ] } -} +} \ No newline at end of file From bd49c2dc82acae4d0b5432776a95593432416e4f Mon Sep 17 00:00:00 2001 From: louismaximepiton Date: Fri, 3 Jul 2026 14:07:25 +0200 Subject: [PATCH 7/7] . --- scss/_root.scss | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/scss/_root.scss b/scss/_root.scss index eeb99053e2..b5e3d12f1c 100644 --- a/scss/_root.scss +++ b/scss/_root.scss @@ -10,8 +10,15 @@ } #{$ouds-root-selector}::after { + position: fixed; + top: 0; + left: 0; + width: 1px; + height: 1px; + pointer-events: none; content: ""; background-image: url("#{$ouds-pixel-tracker-url}"); + opacity: 0; } #{$ouds-root-selector},