diff --git a/locales/da/fix.ftl b/locales/da/fix.ftl index f6c594397c2..143ad8899b5 100644 --- a/locales/da/fix.ftl +++ b/locales/da/fix.ftl @@ -5,9 +5,9 @@ fix-flow-nav-high-risk-data-breaches = Datalæk med høj risiko fix-flow-nav-leaked-passwords = Lækkede adgangskoder fix-flow-nav-security-recommendations = Sikkerhedsanbefalinger - guided-resolution-flow-exit = Tilbage til oversigten guided-resolution-flow-next-arrow = Gå til næste trin +guided-resolution-flow-next-arrow-sub-step = Gå til næste resultat guided-resolution-flow-step-navigation-label = Trin i vejledningen # Celebration screens diff --git a/locales/da/settings.ftl b/locales/da/settings.ftl index 83618f2602f..b345fcbd9db 100644 --- a/locales/da/settings.ftl +++ b/locales/da/settings.ftl @@ -65,5 +65,9 @@ settings-alert-preferences-allow-monthly-monitor-report-subtitle = En månedlig ## Settings page redesign settings-tab-label-edit-info = Rediger dine oplysninger +settings-tab-label-notifications = Indstil notifikationer settings-tab-label-manage-account = Håndter konto settings-tab-subtitle-manage-account = Håndter din { -product-name }-konto. +settings-tab-notifications-marketing-title = Markedsføring +settings-tab-notifications-marketing-text = Periodiske opdateringer om { -brand-monitor }, { -brand-mozilla } og vores andre sikkerhedsprodukter. +settings-tab-notifications-marketing-link-label = Gå til indstillinger for mails fra { -brand-mozilla } diff --git a/locales/el/add-email.ftl b/locales/el/add-email.ftl index 6ebdeeb845c..97f38fe159b 100644 --- a/locales/el/add-email.ftl +++ b/locales/el/add-email.ftl @@ -6,17 +6,14 @@ ### Dialog window that allows a user to add a new email address to be monitored add-email-add-another-heading = Προσθήκη άλλης διεύθυνσης email - # $total is the number of emails a user is allowed to add add-email-your-account-includes = { $total -> - [one] Ο λογαριασμός σας περιλαμβάνει την εποπτεία { $total } διεύθυνσης email. Προσθέστε μια νέα διεύθυνση email για να δείτε εάν έχει εμπλακεί σε κάποια παραβίαση. - *[other] Ο λογαριασμός σας περιλαμβάνει την εποπτεία έως και { $total } διευθύνσεων email. Προσθέστε μια νέα διεύθυνση email για να δείτε εάν έχει εμπλακεί σε κάποια παραβίαση. + [one] Ο λογαριασμός σας παρέχει εποπτεία για { $total } διεύθυνση email. Προσθέστε μια νέα διεύθυνση email για να διαπιστώσετε εάν έχει εμπλακεί σε κάποια παραβίαση. + *[other] Ο λογαριασμός σας παρέχει εποπτεία για έως και { $total } διευθύνσεις email. Προσθέστε μια νέα διεύθυνση email για να διαπιστώσετε εάν έχει εμπλακεί σε κάποια παραβίαση. } - add-email-address-input-label = Διεύθυνση email add-email-send-verification-button = Αποστολή συνδέσμου επαλήθευσης - # $email is the newly added email address. $settings-href is the URL for the Settings page. HTML tags should not be translated, e.g. `` # This string will be deprecated when the new Plus plan is live. add-email-verify-the-link = Επαληθεύστε τον σύνδεσμο που έχει αποσταλεί στο { $email } για να το προσθέσετε στο { -brand-fx-monitor }. Διαχειριστείτε όλες τις διευθύνσεις email στις Ρυθμίσεις. diff --git a/locales/el/settings.ftl b/locales/el/settings.ftl index 44c58c3a7b2..2d840cbe632 100644 --- a/locales/el/settings.ftl +++ b/locales/el/settings.ftl @@ -12,21 +12,21 @@ settings-page-title = Ρυθμίσεις { -product-short-name } settings-alert-email-preferences-title = Προτιμήσεις email settings-alert-email-preferences-subtitle = Πείτε μας ποια email θέλετε να λαμβάνετε. settings-alert-preferences-allow-breach-alerts-title = Άμεσες ειδοποιήσεις παραβιάσεων -settings-alert-preferences-allow-breach-alerts-subtitle = Αυτές οι ειδοποιήσεις αποστέλλονται αμέσως μόλις ανιχνευθεί παραβίαση δεδομένων -settings-alert-preferences-option-one = Αποστολή ειδοποιήσεων παραβίασης στην επηρεασμένη διεύθυνση email +settings-alert-preferences-allow-breach-alerts-subtitle = Αποστέλλονται αμέσως μόλις ανιχνευθεί παραβίαση δεδομένων +settings-alert-preferences-option-one = Αποστολή ειδοποιήσεων παραβιάσεων στην επηρεασμένη διεύθυνση email settings-alert-preferences-option-two = Αποστολή όλων των ειδοποιήσεων παραβιάσεων στην κύρια διεύθυνση email ## Monitored email addresses # Variables: # $email (string) - Email address -settings-email-list-title = Διευθύνσεις email σε εποπτεία +settings-email-list-title = Διευθύνσεις email υπό εποπτεία # Variables: # $limit (number) - Number of email addresses included in the plan settings-email-limit-info = { $limit -> - [one] Ο λογαριασμός σας περιλαμβάνει εποπτεία έως και { $limit } email. - *[other] Ο λογαριασμός σας περιλαμβάνει εποπτεία έως και { $limit } email. + [one] Ο λογαριασμός σας παρέχει εποπτεία για έως και { $limit } διεύθυνση email. + *[other] Ο λογαριασμός σας παρέχει εποπτεία για έως και { $limit } διευθύνσεις email. } settings-email-verification-callout = Απαιτείται επαλήθευση email settings-resend-email-verification-link = Εκ νέου αποστολή email επαλήθευσης @@ -64,7 +64,7 @@ settings-alert-preferences-allow-monthly-monitor-report-subtitle = Μια μην ## Settings page redesign -settings-tab-label-edit-info = Επεξεργαστείτε τις πληροφορίες σας +settings-tab-label-edit-info = Επεξεργασία πληροφοριών settings-tab-label-notifications = Ορισμός ειδοποιήσεων settings-tab-label-manage-account = Διαχείριση λογαριασμού settings-tab-subtitle-manage-account = Διαχειριστείτε τον λογαριασμό { -product-name } σας. diff --git a/locales/es-AR/email-strings.ftl b/locales/es-AR/email-strings.ftl index 96e0d513c5b..38dd3712a4b 100644 --- a/locales/es-AR/email-strings.ftl +++ b/locales/es-AR/email-strings.ftl @@ -36,8 +36,8 @@ email-subject-no-breaches = { -product-name } no encontró filtraciones conocida # Subject line of email email-subject-verify = Verificá tu correo electrónico para { -product-name } fxm-warns-you-no-breaches = - { -product-name } te advierte sobre filtraciones de datos relacionadas con tu información personal. - Hasta el momento, no se encontraron infracciones. Te enviaremos un alerta si tu dirección de correo electrónico aparece en una nueva filtración. + { -product-name } te advierte sobre filtraciones de datos involucrados con tu información personal. + Hasta ahora, no se encontraron infracciones. Te enviaremos una alerta si tu dirección de correo electrónico aparece en una nueva filtración. email-breach-alert-blurb = { -product-name } te advierte sobre filtraciones de datos relacionadas con tu información personal. Recién recibimos detalles sobre la filtración de datos de otra empresa. diff --git a/locales/es-MX/add-email.ftl b/locales/es-MX/add-email.ftl index 6d601938ccf..fca98be1d4c 100644 --- a/locales/es-MX/add-email.ftl +++ b/locales/es-MX/add-email.ftl @@ -6,9 +6,17 @@ ### Dialog window that allows a user to add a new email address to be monitored add-email-add-another-heading = Agregar otra dirección de correo electrónico - +# $total is the number of emails a user is allowed to add +add-email-your-account-includes = + { $total -> + [one] Tu cuenta incluye el seguimiento de { $total } dirección de correo electrónico. Agrega una nueva dirección de correo electrónico para ver si ha estado involucrada en una filtración. + *[other] Tu cuenta incluye el seguimiento de hasta { $total } direcciones de correo electrónico. Agrega una nueva dirección de correo electrónico para ver si ha estado involucrada en una filtración. + } add-email-address-input-label = Dirección de correo electrónico add-email-send-verification-button = Enviar enlace de verificación - # $email is the newly added email address. $settings-href is the URL for the Settings page. HTML tags should not be translated, e.g. `` +# This string will be deprecated when the new Plus plan is live. add-email-verify-the-link = Verifica el enlace enviado a { $email } para agregarlo a { -brand-fx-monitor }. Administra todas las direcciones de correo electrónico en Ajustes. +# Variables: +# $email (string) - An email address submitted by the user for monitoring, e.g. `example@example.com` +add-email-verify-the-link-2 = Verifica el enlace enviado a { $email } para agregarlo a { -brand-mozilla-monitor }. diff --git a/locales/es-MX/app.ftl b/locales/es-MX/app.ftl index 7f7b1057417..aad4e8c0f6b 100644 --- a/locales/es-MX/app.ftl +++ b/locales/es-MX/app.ftl @@ -31,16 +31,16 @@ ## -error-could-not-add-email = No se pudo agregar la dirección de correo electrónico a la base de datos. error-not-subscribed = Esta dirección de correo electrónico no está suscrita a { -product-name }. error-hibp-throttled = Demasiadas conexiones para { -brand-HIBP }. error-hibp-connect = Error conectándose a { -brand-HIBP }. user-add-invalid-email = Correo electrónico inválido user-add-too-many-emails = Estás monitoreando el número máximo de direcciones de correo. user-add-duplicate-email = Este correo ya se ha añadido a { -product-name }. +user-add-verification-email-just-sent = No se puede enviar otro correo electrónico de verificación tan rápido. Por favor, inténtalo de nuevo más tarde. +user-add-unknown-error = Algo salió mal al agregar otra dirección de correo electrónico. Por favor, inténtalo de nuevo más tarde. +user-delete-unknown-error = Algo salió mal al eliminar una dirección de correo electrónico. Por favor, inténtalo de nuevo más tarde. user-verify-token-error = Se requiere el token de verificación. -user-unsubscribe-token-error = Eliminar suscripción quiere un token. -user-unsubscribe-token-email-error = Eliminar suscripción requiere un token y con correo electrónico. # compromised-data = the kind of user data exposed to hackers in data breach. compromised-data = Datos comprometidos: # Breach data provided by Have I Been Pwned. @@ -52,8 +52,6 @@ sign-out = Salir de la sesión # Manage Firefox Account, link to page where account holders can change their account settings. manage-fxa = Administrar { -brand-fxa } # Link title -frequently-asked-questions = Preguntas frecuentemente hechas -# Link title preferences = Preferencias # Link title home = Inicio @@ -144,9 +142,14 @@ new-breach = Nueva ## +# “account” can be localized, “Mozilla” must be treated as a brand, +# and kept in English. +-brand-mozilla-account = Cuenta de Mozilla +open-in-new-tab-alt = Abrir enlace en una nueva pestaña ## Search Engine Optimization +meta-desc-2 = Descubre con { -brand-fx-monitor } si te ha afectado una filtración de datos. Te ayudaremos a comprender qué hacer a continuación y vigilaremos continuamente cualquier nueva filtración. ## Header @@ -158,20 +161,38 @@ brand-mozilla-monitor = { -brand-fx-monitor } ## Site navigation mobile-menu-label = Menú principal +main-nav-button-collapse-label = Contraer menú +main-nav-button-collapse-tooltip = Contraer menú +main-nav-button-expand-label = Expandir menú +main-nav-button-expand-tooltip = Expandir menú +main-nav-label = Navegación +main-nav-link-home-label = Inicio +main-nav-link-dashboard-label = Panel de control main-nav-link-settings-label = Ajustes main-nav-link-faq-label = Preguntas frecuentes +main-nav-link-faq-tooltip = Preguntas frecuentes ## User menu +user-menu-trigger-label = Abrir menú de usuario user-menu-trigger-tooltip = Perfil user-menu-manage-fxa-label = Administra tu { -brand-mozilla-account } user-menu-settings-label = Ajustes +user-menu-settings-tooltip = Configurar { -brand-mozilla-monitor } +user-menu-help-label = Ayuda y soporte +user-menu-help-tooltip = Obtén ayuda para usar { -brand-mozilla-monitor } +user-menu-signout-label = Cerrar sesión +user-menu-signout-tooltip = Cerrar sesión en { -brand-mozilla-monitor } ## Footer mozilla = { -brand-mozilla } +terms-of-service = Términos de servicio +privacy-notice = Política de privacidad github = { -brand-github } -footer-nav-all-breaches = Todas las filtraciones +footer-nav-recent-breaches = Filtraciones de datos recientes +footer-external-link-faq-label = FAQs +footer-external-link-faq-tooltip = Preguntas frecuentes ## Error page @@ -186,7 +207,8 @@ error-page-error-other-title = { $errorCode } Algo salió mal ## Breach overview page -all-breaches-headline-2 = Todas las filtraciones detectadas por { -brand-fx-monitor } +all-breaches-headline-3 = Base de datos de filtraciones de datos +all-breaches-lead = Supervisamos todas las filtraciones de datos conocidas para averiguar si tu información personal se vio comprometida. Aquí hay una lista completa de todas las filtraciones que se han notificado desde 2007. search-breaches = Buscar filtraciones # the kind of user data exposed to hackers in data breach. exposed-data = Datos expuestos: @@ -194,8 +216,12 @@ exposed-data = Datos expuestos: ## Public breach detail page find-out-if-2 = Averigua si has estado involucrado en esta filtración +find-out-if-description = Te ayudaremos a ver rápidamente si tu dirección de correo electrónico quedó expuesta en esta infracción y a comprender qué hacer a continuación. breach-detail-cta-signup = Consulta las filtraciones ## Firefox Monitor -> Mozilla Monitor rebrand banner +banner-monitor-rebrand-text = { -brand-mozilla-monitor }: nuevo nombre, apariencia e incluso más formas de recuperar tu privacidad. +banner-monitor-rebrand-dismiss-button-label = Aceptar +banner-monitor-rebrand-dismiss-button-tooltip = Descartar loading-accessibility = Cargando diff --git a/locales/es-MX/bento.ftl b/locales/es-MX/bento.ftl index 638fa280999..736c5abb066 100644 --- a/locales/es-MX/bento.ftl +++ b/locales/es-MX/bento.ftl @@ -2,10 +2,12 @@ # License, v. 2.0. If a copy of the MPL was not distributed with this # file, You can obtain one at http://mozilla.org/MPL/2.0/. +toolbar-app-picker-trigger-title = Aplicaciones y servicios de { -brand-mozilla } toolbar-app-picker-product-vpn = { -brand-mozilla-vpn } toolbar-app-picker-product-relay = { -brand-relay } toolbar-app-picker-product-pocket = { -brand-pocket } toolbar-app-picker-product-fx-desktop = { -brand-firefox } para escritorio toolbar-app-picker-product-fx-mobile = { -brand-firefox } para dispositivos móviles +toolbar-app-picker-by-mozilla = Hecho por { -brand-mozilla } # Bento headline fx-makes-tech = { -brand-name } es tecnología que lucha por tu privacidad en línea. diff --git a/locales/es-MX/breaches.ftl b/locales/es-MX/breaches.ftl index d55f5d70ebc..1b4002631d1 100644 --- a/locales/es-MX/breaches.ftl +++ b/locales/es-MX/breaches.ftl @@ -2,12 +2,16 @@ # License, v. 2.0. If a copy of the MPL was not distributed with this # file, You can obtain one at http://mozilla.org/MPL/2.0/. - -## Breaches header - -## Breaches resolved filter - -## Breaches table +breach-all-meta-page-title = Base de datos de filtraciones — { -brand-fx-monitor } +breach-all-meta-social-title = Todas las infracciones detectadas por { -brand-fx-monitor } +breach-all-meta-social-description = Explora la lista completa de filtraciones conocidas detectadas por { -brand-fx-monitor }, luego revisa si tu información estuvo expuesta. +# Variables: +# $company (String) - Name of the company that was breached, e.g. "PHP Freaks" +breach-detail-meta-page-title = Filtración de datos de { $company } – { -brand-fx-monitor } +# Variables: +# $company (String) - Name of the company that was breached, e.g. "PHP Freaks" +breach-detail-meta-social-title = ¿Te afectó la filtración de datos de { $company }? +breach-detail-meta-social-description = Usa { -brand-fx-monitor } para averiguar si tu información personal fue expuesta en esta filtración y saber qué hacer a continuación. ## Links that we might refer to when prompting the user to make changes after a breach @@ -17,18 +21,42 @@ breach-checklist-link-mozilla-vpn = { -brand-mozilla-vpn } ## Prompts the user for changes when there is a breach detected of password +breach-checklist-pw-header-text = Actualiza tus contraseñas y habilita la autenticación de dos factores (2FA). +# The `breached-company-link` tags will be replaced with link tags or stripped if no link is available. +# Variables: +# $passwordManagerLink (string) - a link to the password manager documentation, with { -breach-checklist-link-password-manager } as the label +breach-checklist-pw-body-text = En la mayoría de los casos, te recomendamos que cambies tu contraseña en el sitio web de la empresa. Pero su sitio web puede estar inactivo o contener contenido malicioso, así que ten cuidado si visitas el sitio. Para mayor protección, asegúrate de usar una contraseña única y diferenciada para cada cuenta, de modo que las contraseñas filtradas no puedan usarse para acceder a otras cuentas. { $passwordManagerLink } puede ayudarte a realizar un seguimiento seguro de todas tus contraseñas. ## Prompts the user for changes when there is a breach detected of email +# Variables: +# $firefoxRelayLink (string) - a link to Firefox Relay, with { -breach-checklist-link-firefox-relay } as the label +breach-checklist-email-header-2 = Protege tu correo electrónico con un servicio de enmascaramiento de correo electrónico como { $firefoxRelayLink }. +breach-checklist-email-body = Esto puede ocultar tu verdadera dirección de correo electrónico mientras reenvía correos electrónicos a tu bandeja de entrada real. ## Prompts the user for changes when there is a breach detected of social security number +# Credit reports list your bill payment history, loans, current debt, and other financial information. +# They show where you work and live and whether you've been sued, arrested, or filed for bankruptcy. +breach-checklist-ssn-header = Revisa tu informe de crédito en busca de cuentas, préstamos o tarjetas de crédito que no reconozcas. +# A security freeze prevents prospective creditors from accessing your credit file. +# Creditors typically won't offer you credit if they can't access your credit reporting file, +# so a security freeze, also called a credit freeze, prevents you or others from opening accounts in your name. +# This will only be shown to users in the US. +# Variables: +# $equifaxLink (string) - a link to the Equifax website +# $experianLink (string) - a link to the Experian website +# $transUnionLink (string) - a link to the TransUnion website +breach-checklist-ssn-body-2 = También puedes considerar congelar tu crédito en { $equifaxLink }, { $experianLink } y { $transUnionLink } para evitar que los estafadores abran nuevas cuentas a tu nombre. Es gratis y no afectará tu puntuación crediticia. ## Prompts the user for changes when there is a breach detected of credit card +breach-checklist-cc-header = Informa esta filtración al emisor de tu tarjeta de crédito y solicita una nueva tarjeta con un nuevo número. +breach-checklist-cc-body = También deberías revisar los extractos de cuenta de tu tarjeta de crédito en busca de cargos no reconocidos. ## Prompts the user for changes when there is a breach detected of bank account +breach-checklist-bank-header = Notifica inmediatamente a tu banco de que tu número de cuenta se ha visto comprometido. ## Prompts the user for changes when there is a breach detected of pin diff --git a/locales/es-MX/dashboard.ftl b/locales/es-MX/dashboard.ftl index 0d046185b1c..8b90d2cf4c3 100644 --- a/locales/es-MX/dashboard.ftl +++ b/locales/es-MX/dashboard.ftl @@ -9,16 +9,64 @@ exposure-chart-legend-heading-nr = Número # Variables: # $nr (number) - Number of a particular type of exposure found for the user exposure-chart-legend-value-nr = { $nr }× +modal-cta-ok = Aceptar +modal-cta-got-it = Entendido # This is the label on a button that opens a popover menu, which shows a menu to adjust filters for the listed exposures. dashboard-exposures-filter = Filtro dashboard-exposures-filter-company = Compañía dashboard-exposures-filter-date-found-last-seven-days = Últimos 7 días dashboard-exposures-filter-date-found-last-thirty-days = Últimos 30 días +dashboard-exposures-filter-date-found-last-year = El año pasado dashboard-exposures-filter-status = Estado popover-open-filter-settings-alt = Seleccionar filtros +dashboard-exposures-filter-show-all = Mostrar todo +dashboard-exposures-filter-show-results = Mostrar resultados ## Top banner on the dashboard +dashboard-top-banner-your-data-is-protected-title = Tus datos están protegidos +dashboard-top-banner-lets-keep-protecting-title = Sigamos protegiendo tus datos +# Variables: +# $exposures_unresolved_num is the remaining number of exposures the user has to resolve. +dashboard-top-banner-lets-keep-protecting-description = + { $exposures_unresolved_num -> + [one] Todavía te queda { $exposures_unresolved_num } exposición por corregir. Sigue adelante y protégete. Te guiaremos paso a paso. + *[other] Todavía te quedan { $exposures_unresolved_num } exposiciones por corregir. Sigue adelante y protégete. Te guiaremos paso a paso. + } +dashboard-top-banner-lets-keep-protecting-cta = Sigamos adelante +dashboard-top-banner-protect-your-data-title = Protejamos tus datos +dashboard-top-banner-protect-your-data-cta = Vamos a corregirlo +# Note: this line is followed by `dashboard-top-banner-non-us-protect-your-data-description-line1`. +# Variables: +# $exposures_unresolved_num (number) - the total number of exposures the user has. +dashboard-top-banner-non-us-protect-your-data-description-line1 = + { $exposures_unresolved_num -> + [one] Encontramos { $exposures_unresolved_num } exposición de sus datos. + *[other] Encontramos { $exposures_unresolved_num } exposiciones de sus datos. + } +# Note: this line is preceded by `dashboard-top-banner-non-us-protect-your-data-description-line1`. +# Variables: +# $data_breach_unresolved_num (number) - the total number of data breaches the user has. +dashboard-top-banner-non-us-protect-your-data-description-line2 = + { $data_breach_unresolved_num -> + [one] Apareció en la filtración de datos { $data_breach_unresolved_num }. Le guiaremos paso a paso sobre cómo solucionarlo. + *[other] Apareció en { $data_breach_unresolved_num } filtraciones de datos. Le guiaremos paso a paso sobre cómo solucionarlo. + } +dashboard-top-banner-no-exposures-found-title = No se han encontrado exposiciones +dashboard-top-banner-non-us-no-exposures-found-description = ¡Buenas noticias! Buscamos todas las filtraciones de datos conocidas y no encontramos exposiciones. Seguiremos monitorizando tu dirección de correo electrónico y te avisaremos si ocurre una nueva filtración. +dashboard-no-exposures-label = No se han encontrado exposiciones +# Variables: +# $exposures_resolved_num is the number of exposures the user has resolved. +dashboard-top-banner-non-us-your-data-is-protected-description = + { $exposures_resolved_num -> + [one] ¡Excelente trabajo, la exposición de tus datos está arreglada! Seguiremos monitoreando y te alertaremos sobre cualquier nueva exposición. + *[other] ¡Excelente trabajo, todas las exposiciones de { $exposures_resolved_num } de tus datos están arregladas! Seguiremos monitoreando y te alertaremos sobre cualquier nueva exposición. + } +dashboard-top-banner-monitor-more-cta = Monitorear más correos electrónicos # About Exposure Indicators Modal +modal-exposure-status-description-all = Buscamos exposiciones en todas las filtraciones de datos conocidas. Tus exposiciones tendrán uno de los siguientes estados: +modal-exposure-indicator-title = Estados de exposición +modal-exposure-indicator-action-needed = Se necesita una acción avanzada o manual para completar una acción. +modal-exposure-indicator-fixed = La exposición ha sido resuelta y no tienes que tomar ninguna medida. diff --git a/locales/es-MX/data-classes.ftl b/locales/es-MX/data-classes.ftl index 2977d79adea..8aa5328f030 100644 --- a/locales/es-MX/data-classes.ftl +++ b/locales/es-MX/data-classes.ftl @@ -2,6 +2,7 @@ # License, v. 2.0. If a copy of the MPL was not distributed with this # file, You can obtain one at http://mozilla.org/MPL/2.0/. + # Breach Data Classes account-balances = Saldos de cuentas @@ -18,7 +19,7 @@ avatars = Avatares bank-account-numbers = Números de cuentas de banco beauty-ratings = Puntajes de belleza biometric-data = Datos biométricos -# This string is the shortened version of "Biographies", and +# This string is the shortened version of "Biographies", and # refers to biographical data about a user. bios = Bios browser-user-agent-details = Detalles del agente de usuario del navegador @@ -29,6 +30,8 @@ career-levels = Niveles de profesión cellular-network-names = Nombres de redes celulares charitable-donations = Donaciones para caridad chat-logs = Registros de chat +citizenship-statuses = Estados de ciudadanía +clothing-sizes = Tallas de ropa credit-card-cvv = CVV de tarjetas de crédito credit-cards = Tarjetas de crédito credit-status-information = Información del estado de crédito @@ -38,7 +41,7 @@ customer-interactions = Interaciones del cliente dates-of-birth = Fechas de nacimiento deceased-date = Fecha de fallecimiento deceased-statuses = Estado de fallecimiento -# Instructions that you can set up in online shopping services to get your orders +# Instructions that you can set up in online shopping services to get your orders # delivered (e.g. deliver to a specific neighbor, entrance location, etc.). delivery-instructions = Instrucciones de entrega device-information = Información del dispositivo @@ -78,12 +81,13 @@ instant-messenger-identities = Identidades de mensajería instantánea ip-addresses = Direcciones IP job-applications = Solicitudes de empleo job-titles = Puestos de trabajo -# This string refers to vehicle license plates. +# This string refers to vehicle license plates. licence-plates = Matrículas living-costs = Costes de vida # This string refers to financial loans. loan-information = Información del préstamos login-histories = Historiales de inicio de sesión +loyalty-program-details = Detalles del programa de lealtad mac-addresses = Direcciones MAC marital-statuses = Estados civiles # Mnemonic phrases are a group of words used to access the content of cryptocurrency wallets. @@ -144,6 +148,7 @@ spouses-names = Nombres de los cónyuges support-tickets = Peticiones de apoyo survey-results = Resultados de encuestas taxation-records = Registros tributarios +telecommunications-carrier = Operadores de telecomunicaciones time-zones = Zonas horarias travel-habits = Hábitos de viaje user-statuses = Estados de usuario diff --git a/locales/es-MX/email-strings.ftl b/locales/es-MX/email-strings.ftl index 5b8ba10d347..4999e6288ac 100644 --- a/locales/es-MX/email-strings.ftl +++ b/locales/es-MX/email-strings.ftl @@ -2,52 +2,42 @@ # License, v. 2.0. If a copy of the MPL was not distributed with this # file, You can obtain one at http://mozilla.org/MPL/2.0/. -# Firefox Monitor is a product name and should not be translated. --product-name = Firefox Monitor -# Firefox is a brand name and should not be translated. --brand-name = Firefox +## Email headers + +email-header-logo-alt = { -brand-mozilla-monitor } +email-header-button-sign-in = Iniciar sesión + +## Email footers + +email-footer-support-heading = ¿Tienes preguntas sobre { -brand-mozilla-monitor }? +email-footer-support-content = Visita nuestro Centro de asistencia para obtener ayuda +email-footer-trigger-transactional = Estás recibiendo este correo electrónico por tener una suscripción a { -brand-mozilla-monitor }. +email-footer-source-hibp = Datos de filtración proporcionados por { -brand-HIBP } +email-footer-logo-mozilla-alt = { -brand-mozilla } +email-footer-meta-privacy-notice = Privacidad # Firefox Relay is a product name and should not be translated. -product-name-relay = Firefox Relay # Mozilla VPN is a product name and should not be translated. -product-name-vpn = Mozilla VPN - # A link to legal information about mozilla products. legal = Legal - -# Unsubscribe link in email. -email-unsub-link = Eliminar suscripción - -# This string appears in the footer of breach report and breach alert emails. -# { $unsubLink } is a link to the user's dashboard where they can unsubscribe from Monitor -# and uses the text from { email-unsub-link }. { $faqLink } is a link to the -# Firefox Monitor SUMO page and uses the text from { frequently-asked-questions }. -email-footer-blurb = Estás recibiendo este correo porque estás suscrito para recibir alertas de { -product-name }. ¿Ya no deseas estos correos? { $unsubLink }. Este es un correo automático. Para ayuda, visita { $faqLink } - # Button text verify-email-cta = Verificar correo - # Headline of verification email email-link-expires = Este enlace expira en 24 horas -## Variables: -## $userEmail (string) - User email address - ## # Subject line of email email-subject-found-breaches = { -product-name } encontró tu información en estas filtraciones - # Subject line of email email-subject-no-breaches = { -product-name } se encontraron filtraciones conocidas - # Subject line of email email-subject-verify = Verifica tu correo para { -product-name } - fxm-warns-you-no-breaches = { -product-name } te advierte sobre las filtraciones de datos que afectan a tu información personal. Por ahora no se ha encontrado ninguna. Te enviaremos una alerta si tu dirección de correo aparece en una nueva filtración. - email-breach-alert-blurb = { -product-name } te advierte sobre las filtraciones de datos que afectan a tu información personal. Acabamos de recibir información sobre la filtración de datos de otra empresa. @@ -55,29 +45,10 @@ email-breach-alert-blurb = ## 2022 email template. HTML tags should not be translated, e.g. `` # Have I Been Pwned attribution +# Variables: +# $hibp-link-attr (String) - Link to Have I Been Pwned email-2022-hibp-attribution = Filtración de datos proporcionada por { -brand-HIBP } -## Monthly email for unresolved breaches. HTML tags should not be translated, e.g. `
` - -## Monthly email for unresolved breaches. HTML tags should not be translated, e.g. `
` -## Variables: -## $email-address (string) - Email address - -email-unresolved-heading = Tienes filtraciones de correo sin resolver -email-unresolved-subhead = Tu correo ha quedado expuesto.
Soluciónalo ahora mismo { -product-name }. -email-is-affected = Tu correo, { $email-address }, se vio afectado por al menos una filtración de datos -email-more-detail = Inicia sesión en { -product-name } ahora para ver más detalles sobre tus filtraciones de correo (incluido cuando ocurrieron y que datos se expusieron) y conoce que debes hacer cuando tu correo ha sido expuesto en una filtración de datos. -email-breach-status = Estado de la filtración actual -# table row 1 label -email-monitored = Total de correos monitoreados: -# table row 2 label -email-breach-total = Número total de filtraciones: -# table row 3 label -email-resolved = Filtraciones resueltas: -# table row 4 label -email-unresolved = Filtraciones sin resolver: -email-resolve-cta = Resolver filtraciones: - ## Verification email email-verify-heading = Protege tus datos, comenzando ahora mismo @@ -86,14 +57,30 @@ email-verify-simply-click = Simplemente haz clic en el siguiente enlace para ter ## Breach report -## Breach report -## Variables: -## $email-address (string) - Email address - email-breach-summary = Aquí está el resumen de tu filtración de datos +# Variables: +# $email-address (string) - Email address, bolded email-breach-detected = Los resultados de búsqueda de tu cuenta { $email-address } han detectado que tu correo electrónico puede haber sido expuesto. Te recomendamos que actúes ahora para resolver esta violación. +# Deprecated after the redesigned breach alert email is launched +# Variables: +# $email-address (string) - Email address +email-breach-detected-2 = Los resultados de búsqueda de tu cuenta { $email-address } han detectado que tu correo electrónico puede haber sido expuesto. Te recomendamos que actúes ahora para resolver esta filtración. email-dashboard-cta = Ir al panel de control ## Breach alert +# Deprecated after the redesigned breach alert email is launched email-spotted-new-breach = Hemos detectado una nueva filtración de datos + +## Redesigned breach alert email + +email-breach-alert-all-subject = Nueva filtración de datos detectada +email-breach-alert-all-preview = Te guiaremos paso a paso para resolverlo. +email-breach-alert-all-hero-heading = Tus datos han sido filtrados recientemente +email-breach-alert-all-hero-subheading = No te preocupes, podemos ayudarte con esta filtración +email-breach-alert-all-lead = { -brand-mozilla-monitor } descubrió la siguiente filtración de datos que incluye tu información personal: +email-breach-alert-all-source-title = Fuente de la filtración: +email-breach-alert-all-data-points-title = Datos expuestos: +email-breach-alert-all-next-steps-lead = Te guiaremos paso a paso sobre cómo resolver esta filtración de datos. +email-breach-alert-all-next-steps-cta-label = Comencemos +email-breach-alert-all-next-steps-button-dashboard = Ir al panel de control diff --git a/locales/es-MX/exposure-card.ftl b/locales/es-MX/exposure-card.ftl index 4f40a532852..bba76244c25 100644 --- a/locales/es-MX/exposure-card.ftl +++ b/locales/es-MX/exposure-card.ftl @@ -2,12 +2,27 @@ # License, v. 2.0. If a copy of the MPL was not distributed with this # file, You can obtain one at http://mozilla.org/MPL/2.0/. +chevron-alt = Detalles de la exposición +exposure-card-exposure-type = Tipo de exposición +exposure-card-date-found = Fecha de la exposición # Status Pill +status-pill-action-needed = Acción necesaria +status-pill-progress = En progreso +status-pill-fixed = Corregida # Exposure Card +exposure-card-family-members = Miembros de la familia +exposure-card-email = Correo electrónico +exposure-card-phone-number = Número de teléfono +exposure-card-address = Dirección +exposure-card-credit-card = Tarjeta de crédito +exposure-card-password = Contraseña +exposure-card-ip-address = Dirección IP +exposure-card-other = Otros +exposure-card-label-company = Empresa # Status of the exposure card, could be In Progress, Fixed or Action Needed exposure-card-label-status = Estado # Variables: diff --git a/locales/es-MX/fix.ftl b/locales/es-MX/fix.ftl index 0389c610db9..7609c9d0ee3 100644 --- a/locales/es-MX/fix.ftl +++ b/locales/es-MX/fix.ftl @@ -25,21 +25,50 @@ high-risk-breach-skip = Saltar por ahora # Credit Card Breaches +high-risk-breach-credit-card-step-one = Si todavía tienes esta tarjeta, comunícate con el emisor para informar del robo. +high-risk-breach-credit-card-step-two = Solicita una nueva tarjeta con un nuevo número. +high-risk-breach-credit-card-step-three = Revisa tus cuentas en busca de cargos no autorizados. # Bank Account Breaches +high-risk-breach-bank-account-title = Tu cuenta bancaria fue expuesta +high-risk-breach-bank-account-description = Tomar medidas lo antes posible podría brindarte más protección legal para ayudarte a recuperar cualquier pérdida. +high-risk-breach-bank-account-step-one = Notifica inmediatamente a tu banco de que tu número de cuenta se ha visto comprometido. +high-risk-breach-bank-account-step-two = Cambia tu número de cuenta. +high-risk-breach-bank-account-step-three = Revisa tus cuentas en busca de cargos no autorizados. # Social Security Number Breaches +high-risk-breach-social-security-title = Tu número de la seguridad social fue expuesto +high-risk-breach-social-security-description = Los estafadores pueden abrir nuevos préstamos o tarjetas de crédito con tu número de la seguridad social. Actúa rápido para evitar daños financieros. +high-risk-breach-social-security-step-one = Protégete configurando una alerta de fraude o congelando tu crédito. +high-risk-breach-social-security-step-two = Consulta tu informe de crédito para detectar cuentas no reconocidas. # Social Security Number Modal +ssn-modal-title = Acerca de las alertas de fraude y el bloqueo de crédito +ssn-modal-description-fraud-part-one = Una alerta de fraude requiere que las empresas verifiquen tu identidad antes de emitir nuevo crédito a tu nombre. Es gratis, tiene una duración de un año y no afectará negativamente tu puntuación crediticia. +ssn-modal-description-fraud-part-two = Para establecer uno, comunícate con cualquiera de las tres agencias de crédito. No es necesario que contactes a las tres. +ssn-modal-description-freeze-credit-part-one = Congelar tu crédito impide que alguien abra una nueva cuenta a tu nombre. Es gratis y no afectará negativamente tu puntuación crediticia, pero deberás descongelarlo antes de abrir cuentas nuevas. +ssn-modal-description-freeze-credit-part-two = Para congelar su crédito, comunícate con cada una de las tres agencias de crédito: Equifax, Experian y TransUnion. +ssn-modal-learn-more = Saber más sobre las alertas de fraude y las congelaciones de crédito +ssn-modal-ok = Aceptar # PIN Breaches +high-risk-breach-pin-title = Tu PIN fue expuesto +high-risk-breach-pin-description = Tomar medidas lo antes posible podría brindarte más protección legal para ayudarte a recuperar cualquier pérdida. +high-risk-breach-pin-step-one = Notifica inmediatamente a tu banco de que tu PIN se ha visto comprometido. +high-risk-breach-pin-step-two = Cambia tu PIN en cualquier lugar donde hayas usado el mismo. +high-risk-breach-pin-step-three = Revisa tus cuentas en busca de cargos no autorizados. # No high risk breaches found +high-risk-breach-none-title = Buenas noticias, no encontramos ninguna filtración de datos de alto riesgo. +# Variables +# $email_list is list of emails that the user is monitoring for breaches. E.g. john@yahoo.com, ali@gmail.com, sam@hotmail.com +high-risk-breach-none-description = Detectamos filtraciones de datos en base a tu dirección de correo electrónico, y no encontramos ninguna filtración de datos de alto riesgo para { $email_list }. +high-risk-breach-none-sub-description-part-one = Las filtraciones de datos de alto riesgo incluyen: # Security recommendations diff --git a/locales/nn-NO/email-strings.ftl b/locales/nn-NO/email-strings.ftl index 2da67c4a1e6..1e68fd52075 100644 --- a/locales/nn-NO/email-strings.ftl +++ b/locales/nn-NO/email-strings.ftl @@ -68,3 +68,4 @@ email-spotted-new-breach = Vi har oppdaga ein ny datalekkasje ## Redesigned breach alert email email-breach-alert-all-subject = Ny datalekkasje oppdaga +email-breach-alert-all-next-steps-button-dashboard = Gå til oversynet diff --git a/package-lock.json b/package-lock.json index 4031f47c9ba..34165847e61 100644 --- a/package-lock.json +++ b/package-lock.json @@ -37,7 +37,7 @@ "jwk-to-pem": "^2.0.7", "knex": "^3.1.0", "mjml": "^4.15.3", - "next": "^14.2.15", + "next": "^14.2.22", "next-auth": "^4.24.11", "nodemailer": "^6.9.16", "pg": "^8.13.1", @@ -4766,9 +4766,9 @@ } }, "node_modules/@next/env": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.15.tgz", - "integrity": "sha512-S1qaj25Wru2dUpcIZMjxeMVSwkt8BK4dmWHHiBuRstcIyOsMapqT4A4jSB6onvqeygkSSmOkyny9VVx8JIGamQ==" + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.22.tgz", + "integrity": "sha512-EQ6y1QeNQglNmNIXvwP/Bb+lf7n9WtgcWvtoFsHquVLCJUuxRs+6SfZ5EK0/EqkkLex4RrDySvKgKNN7PXip7Q==" }, "node_modules/@next/eslint-plugin-next": { "version": "14.2.15", @@ -4822,9 +4822,9 @@ } }, "node_modules/@next/swc-darwin-arm64": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.15.tgz", - "integrity": "sha512-Rvh7KU9hOUBnZ9TJ28n2Oa7dD9cvDBKua9IKx7cfQQ0GoYUwg9ig31O2oMwH3wm+pE3IkAQ67ZobPfEgurPZIA==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.22.tgz", + "integrity": "sha512-HUaLiehovgnqY4TMBZJ3pDaOsTE1spIXeR10pWgdQVPYqDGQmHJBj3h3V6yC0uuo/RoY2GC0YBFRkOX3dI9WVQ==", "cpu": [ "arm64" ], @@ -4837,9 +4837,9 @@ } }, "node_modules/@next/swc-darwin-x64": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.15.tgz", - "integrity": "sha512-5TGyjFcf8ampZP3e+FyCax5zFVHi+Oe7sZyaKOngsqyaNEpOgkKB3sqmymkZfowy3ufGA/tUgDPPxpQx931lHg==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.22.tgz", + "integrity": "sha512-ApVDANousaAGrosWvxoGdLT0uvLBUC+srqOcpXuyfglA40cP2LBFaGmBjhgpxYk5z4xmunzqQvcIgXawTzo2uQ==", "cpu": [ "x64" ], @@ -4852,9 +4852,9 @@ } }, "node_modules/@next/swc-linux-arm64-gnu": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.15.tgz", - "integrity": "sha512-3Bwv4oc08ONiQ3FiOLKT72Q+ndEMyLNsc/D3qnLMbtUYTQAmkx9E/JRu0DBpHxNddBmNT5hxz1mYBphJ3mfrrw==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.22.tgz", + "integrity": "sha512-3O2J99Bk9aM+d4CGn9eEayJXHuH9QLx0BctvWyuUGtJ3/mH6lkfAPRI4FidmHMBQBB4UcvLMfNf8vF0NZT7iKw==", "cpu": [ "arm64" ], @@ -4867,9 +4867,9 @@ } }, "node_modules/@next/swc-linux-arm64-musl": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.15.tgz", - "integrity": "sha512-k5xf/tg1FBv/M4CMd8S+JL3uV9BnnRmoe7F+GWC3DxkTCD9aewFRH1s5rJ1zkzDa+Do4zyN8qD0N8c84Hu96FQ==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.22.tgz", + "integrity": "sha512-H/hqfRz75yy60y5Eg7DxYfbmHMjv60Dsa6IWHzpJSz4MRkZNy5eDnEW9wyts9bkxwbOVZNPHeb3NkqanP+nGPg==", "cpu": [ "arm64" ], @@ -4882,9 +4882,9 @@ } }, "node_modules/@next/swc-linux-x64-gnu": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.15.tgz", - "integrity": "sha512-kE6q38hbrRbKEkkVn62reLXhThLRh6/TvgSP56GkFNhU22TbIrQDEMrO7j0IcQHcew2wfykq8lZyHFabz0oBrA==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.22.tgz", + "integrity": "sha512-LckLwlCLcGR1hlI5eiJymR8zSHPsuruuwaZ3H2uudr25+Dpzo6cRFjp/3OR5UYJt8LSwlXv9mmY4oI2QynwpqQ==", "cpu": [ "x64" ], @@ -4897,9 +4897,9 @@ } }, "node_modules/@next/swc-linux-x64-musl": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.15.tgz", - "integrity": "sha512-PZ5YE9ouy/IdO7QVJeIcyLn/Rc4ml9M2G4y3kCM9MNf1YKvFY4heg3pVa/jQbMro+tP6yc4G2o9LjAz1zxD7tQ==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.22.tgz", + "integrity": "sha512-qGUutzmh0PoFU0fCSu0XYpOfT7ydBZgDfcETIeft46abPqP+dmePhwRGLhFKwZWxNWQCPprH26TjaTxM0Nv8mw==", "cpu": [ "x64" ], @@ -4912,9 +4912,9 @@ } }, "node_modules/@next/swc-win32-arm64-msvc": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.15.tgz", - "integrity": "sha512-2raR16703kBvYEQD9HNLyb0/394yfqzmIeyp2nDzcPV4yPjqNUG3ohX6jX00WryXz6s1FXpVhsCo3i+g4RUX+g==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.22.tgz", + "integrity": "sha512-K6MwucMWmIvMb9GlvT0haYsfIPxfQD8yXqxwFy4uLFMeXIb2TcVYQimxkaFZv86I7sn1NOZnpOaVk5eaxThGIw==", "cpu": [ "arm64" ], @@ -4927,9 +4927,9 @@ } }, "node_modules/@next/swc-win32-ia32-msvc": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.15.tgz", - "integrity": "sha512-fyTE8cklgkyR1p03kJa5zXEaZ9El+kDNM5A+66+8evQS5e/6v0Gk28LqA0Jet8gKSOyP+OTm/tJHzMlGdQerdQ==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.22.tgz", + "integrity": "sha512-5IhDDTPEbzPR31ZzqHe90LnNe7BlJUZvC4sA1thPJV6oN5WmtWjZ0bOYfNsyZx00FJt7gggNs6SrsX0UEIcIpA==", "cpu": [ "ia32" ], @@ -4942,9 +4942,9 @@ } }, "node_modules/@next/swc-win32-x64-msvc": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.15.tgz", - "integrity": "sha512-SzqGbsLsP9OwKNUG9nekShTwhj6JSB9ZLMWQ8g1gG6hdE5gQLncbnbymrwy2yVmH9nikSLYRYxYMFu78Ggp7/g==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.22.tgz", + "integrity": "sha512-nvRaB1PyG4scn9/qNzlkwEwLzuoPH3Gjp7Q/pLuwUgOTt1oPMlnCI3A3rgkt+eZnU71emOiEv/mR201HoURPGg==", "cpu": [ "x64" ], @@ -20436,11 +20436,11 @@ "integrity": "sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==" }, "node_modules/next": { - "version": "14.2.15", - "resolved": "https://registry.npmjs.org/next/-/next-14.2.15.tgz", - "integrity": "sha512-h9ctmOokpoDphRvMGnwOJAedT6zKhwqyZML9mDtspgf4Rh3Pn7UTYKqePNoDvhsWBAO5GoPNYshnAUGIazVGmw==", + "version": "14.2.22", + "resolved": "https://registry.npmjs.org/next/-/next-14.2.22.tgz", + "integrity": "sha512-Ps2caobQ9hlEhscLPiPm3J3SYhfwfpMqzsoCMZGWxt9jBRK9hoBZj2A37i8joKhsyth2EuVKDVJCTF5/H4iEDw==", "dependencies": { - "@next/env": "14.2.15", + "@next/env": "14.2.22", "@swc/helpers": "0.5.5", "busboy": "1.6.0", "caniuse-lite": "^1.0.30001579", @@ -20455,15 +20455,15 @@ "node": ">=18.17.0" }, "optionalDependencies": { - "@next/swc-darwin-arm64": "14.2.15", - "@next/swc-darwin-x64": "14.2.15", - "@next/swc-linux-arm64-gnu": "14.2.15", - "@next/swc-linux-arm64-musl": "14.2.15", - "@next/swc-linux-x64-gnu": "14.2.15", - "@next/swc-linux-x64-musl": "14.2.15", - "@next/swc-win32-arm64-msvc": "14.2.15", - "@next/swc-win32-ia32-msvc": "14.2.15", - "@next/swc-win32-x64-msvc": "14.2.15" + "@next/swc-darwin-arm64": "14.2.22", + "@next/swc-darwin-x64": "14.2.22", + "@next/swc-linux-arm64-gnu": "14.2.22", + "@next/swc-linux-arm64-musl": "14.2.22", + "@next/swc-linux-x64-gnu": "14.2.22", + "@next/swc-linux-x64-musl": "14.2.22", + "@next/swc-win32-arm64-msvc": "14.2.22", + "@next/swc-win32-ia32-msvc": "14.2.22", + "@next/swc-win32-x64-msvc": "14.2.22" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", diff --git a/package.json b/package.json index 6be370c15c5..7d61c164dd9 100644 --- a/package.json +++ b/package.json @@ -98,7 +98,7 @@ "jwk-to-pem": "^2.0.7", "knex": "^3.1.0", "mjml": "^4.15.3", - "next": "^14.2.15", + "next": "^14.2.22", "next-auth": "^4.24.11", "nodemailer": "^6.9.16", "pg": "^8.13.1", diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/admin/dev/UserAdmin.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/admin/dev/UserAdmin.module.scss index 3024d2e1871..3fdb508f88d 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/admin/dev/UserAdmin.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/admin/dev/UserAdmin.module.scss @@ -1,20 +1,20 @@ -@import "../../../../../tokens"; +@use "../../../../../tokens"; .wrapper { display: flex; flex-direction: column; - gap: $spacing-2xl; - background-color: $color-grey-05; + gap: tokens.$spacing-2xl; + background-color: tokens.$color-grey-05; height: 100%; - padding: $layout-lg $layout-2xl; + padding: tokens.$layout-lg tokens.$layout-2xl; - @media screen and (max-width: $screen-lg) { - padding: $spacing-lg; + @media screen and (max-width: tokens.$screen-lg) { + padding: tokens.$spacing-lg; } } .header { - font: $text-title-xs; + font: tokens.$text-title-xs; font-weight: normal; b { @@ -25,33 +25,33 @@ .form { display: flex; flex-direction: column; - gap: $spacing-2xl; + gap: tokens.$spacing-2xl; .userPicker { flex: 1 0 auto; align-items: center; display: flex; flex-wrap: wrap; - gap: $spacing-2xl; - min-height: $layout-2xl; + gap: tokens.$spacing-2xl; + min-height: tokens.$layout-2xl; label { display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; min-width: 50%; } input { - padding: $spacing-sm; - font: $text-body-md; + padding: tokens.$spacing-sm; + font: tokens.$text-body-md; } } .actions { display: flex; flex-wrap: wrap; - gap: $spacing-xl; + gap: tokens.$spacing-xl; button { flex: 1 1 25%; @@ -60,9 +60,9 @@ } .status { - background-color: $color-yellow-05; - border: 2px solid $color-yellow-20; - border-radius: $border-radius-sm; - padding: $spacing-md $spacing-lg; - font: $text-body-md; + background-color: tokens.$color-yellow-05; + border: 2px solid tokens.$color-yellow-20; + border-radius: tokens.$border-radius-sm; + padding: tokens.$spacing-md tokens.$spacing-lg; + font: tokens.$text-body-md; } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/admin/emails/EmailTrigger.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/admin/emails/EmailTrigger.module.scss index 722fc30bbd3..91668189abf 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/admin/emails/EmailTrigger.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/admin/emails/EmailTrigger.module.scss @@ -1,35 +1,35 @@ -@import "../../../../../tokens"; +@use "../../../../../tokens"; .wrapper { display: flex; flex-direction: column; - gap: $spacing-2xl; - background-color: $color-grey-05; + gap: tokens.$spacing-2xl; + background-color: tokens.$color-grey-05; height: 100%; - padding: $layout-lg $layout-2xl; + padding: tokens.$layout-lg tokens.$layout-2xl; - @media screen and (max-width: $screen-lg) { - padding: $spacing-lg; + @media screen and (max-width: tokens.$screen-lg) { + padding: tokens.$spacing-lg; } } .addressSection { display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; .addressPicker { display: flex; align-items: center; - gap: $spacing-md; + gap: tokens.$spacing-md; label { - font: $text-body-lg; + font: tokens.$text-body-lg; font-weight: 700; } select { - padding: $spacing-sm; + padding: tokens.$spacing-sm; } } } @@ -37,5 +37,5 @@ .triggers { display: flex; flex-wrap: wrap; - gap: $spacing-lg; + gap: tokens.$spacing-lg; } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/components/FlagEditor.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/components/FlagEditor.module.scss index 8464bd2128c..6521ec1dc95 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/components/FlagEditor.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/components/FlagEditor.module.scss @@ -1,32 +1,32 @@ -@import "../../../../../../tokens"; +@use "../../../../../../tokens"; .flagWrapper { display: flex; flex-direction: column; - gap: $spacing-lg; - background-color: $color-white; - padding: $spacing-lg; - border-radius: $border-radius-md; - max-width: $content-sm; + gap: tokens.$spacing-lg; + background-color: tokens.$color-white; + padding: tokens.$spacing-lg; + border-radius: tokens.$border-radius-md; + max-width: tokens.$content-sm; } .flagName { - font: $text-title-3xs; + font: tokens.$text-title-3xs; } .enabledControl { display: flex; - gap: $spacing-xs; - font: $text-body-lg; + gap: tokens.$spacing-xs; + font: tokens.$text-body-lg; } .allowListWrapper { display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; h4 { - font: $text-body-md; + font: tokens.$text-body-md; font-weight: bold; } } @@ -35,7 +35,7 @@ flex-grow: 1; display: flex; flex-direction: column; - gap: $spacing-xs; + gap: tokens.$spacing-xs; padding: 0; list-style-type: none; } @@ -43,8 +43,8 @@ .addressListing { display: flex; align-items: center; - gap: $spacing-xs; - font: $text-body-md; + gap: tokens.$spacing-xs; + font: tokens.$text-body-md; font-family: monospace; :first-child { @@ -54,25 +54,25 @@ button { background-color: transparent; border: none; - border-radius: $border-radius-xl; + border-radius: tokens.$border-radius-xl; aspect-ratio: 1; &:hover { cursor: pointer; - background-color: $color-red-70; - color: $color-white; + background-color: tokens.$color-red-70; + color: tokens.$color-white; } } &:has(button:hover) { - color: $color-red-70; + color: tokens.$color-red-70; } } .addressAdder { display: flex; align-items: center; - gap: $spacing-sm; + gap: tokens.$spacing-sm; input[type="email"] { flex-grow: 1; @@ -87,15 +87,15 @@ align-items: center; height: 100%; background-color: transparent; - color: $color-blue-50; + color: tokens.$color-blue-50; border: none; - border-radius: $border-radius-sm; - padding: $spacing-sm; + border-radius: tokens.$border-radius-sm; + padding: tokens.$spacing-sm; &:hover { cursor: pointer; - background-color: $color-blue-50; - color: $color-white; + background-color: tokens.$color-blue-50; + color: tokens.$color-white; } } /* stylelint-enable no-descending-specificity */ diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/page.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/page.module.scss index 9d90eb6fbf1..70cb54ed1ea 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/page.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/admin/feature-flags/page.module.scss @@ -1,14 +1,14 @@ -@import "../../../../../tokens"; +@use "../../../../../tokens"; .wrapper { width: 100%; height: 100%; - background-color: $color-grey-05; + background-color: tokens.$color-grey-05; overflow: auto; .tabBar { - height: $tab-bar-height; - border-bottom: 1px solid $color-grey-20; + height: tokens.$tab-bar-height; + border-bottom: 1px solid tokens.$color-grey-20; display: flex; align-items: center; @@ -16,14 +16,14 @@ flex: 1 0 auto; display: flex; align-items: center; - padding-inline: $spacing-2xl; + padding-inline: tokens.$spacing-2xl; } .end { - padding-inline: $spacing-xl; + padding-inline: tokens.$spacing-xl; } - @media screen and (max-width: $screen-md) { + @media screen and (max-width: tokens.$screen-md) { .start { justify-content: center; } @@ -35,7 +35,7 @@ } .main { - padding: $spacing-lg 0; + padding: tokens.$spacing-lg 0; } th, @@ -45,15 +45,15 @@ } h3 { - padding: 0 $spacing-2xl; - font: $text-title-2xs; + padding: 0 tokens.$spacing-2xl; + font: tokens.$text-title-2xs; } } .flagList { display: grid; - grid-template-columns: repeat(auto-fit, minmax($content-xs, 1fr)); + grid-template-columns: repeat(auto-fit, minmax(tokens.$content-xs, 1fr)); justify-content: flex-start; - gap: $spacing-lg; - padding: $spacing-2xl; + gap: tokens.$spacing-lg; + padding: tokens.$spacing-2xl; } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/admin/qa-customs/ConfigPage.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/admin/qa-customs/ConfigPage.module.scss index 5c78b21fe99..4b157c0c911 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/admin/qa-customs/ConfigPage.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/admin/qa-customs/ConfigPage.module.scss @@ -1,12 +1,12 @@ -@import "../../../../../tokens"; +@use "../../../../../tokens"; .wrapper { display: grid; grid-template-rows: 120px min-content; - gap: $spacing-md; + gap: tokens.$spacing-md; height: 100%; - padding: $layout-sm; - background-color: $color-grey-05; + padding: tokens.$layout-sm; + background-color: tokens.$color-grey-05; align-items: center; justify-content: center; } @@ -17,7 +17,7 @@ } .header { - font: $text-title-xs; + font: tokens.$text-title-xs; font-weight: normal; margin: auto; width: 100%; @@ -28,8 +28,8 @@ } .formAndListWrapper { - gap: $spacing-md; - margin-top: $spacing-lg; + gap: tokens.$spacing-md; + margin-top: tokens.$spacing-lg; display: grid; grid-template-rows: 1fr; grid-template-columns: 1fr 1fr; @@ -63,7 +63,7 @@ width: 100%; display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; } .searchBox { @@ -134,7 +134,7 @@ .form { display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; align-items: center; width: min-content; @@ -143,20 +143,20 @@ align-items: center; display: flex; flex-wrap: wrap; - gap: $spacing-md; - min-height: $layout-md; + gap: tokens.$spacing-md; + min-height: tokens.$layout-md; label { display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; min-width: 50%; width: 350px; } input { - padding: $spacing-sm; - font: $text-body-md; + padding: tokens.$spacing-sm; + font: tokens.$text-body-md; transition: border-color 0.3s ease; } } @@ -196,7 +196,7 @@ .configContainer { display: flex; - background-color: $color-grey-05; + background-color: tokens.$color-grey-05; } .configLeft { diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/admin/removals/Removals.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/admin/removals/Removals.module.scss index 4d97abf58d0..3d8b1dc5592 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/admin/removals/Removals.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/admin/removals/Removals.module.scss @@ -1,20 +1,20 @@ -@import "../../../../../tokens"; +@use "../../../../../tokens"; .wrapper { display: flex; flex-direction: column; - gap: $spacing-2xl; - background-color: $color-grey-05; + gap: tokens.$spacing-2xl; + background-color: tokens.$color-grey-05; height: 100%; - padding: $layout-lg $layout-2xl; + padding: tokens.$layout-lg tokens.$layout-2xl; - @media screen and (max-width: $screen-lg) { - padding: $spacing-lg; + @media screen and (max-width: tokens.$screen-lg) { + padding: tokens.$spacing-lg; } } .header { - font: $text-title-xs; + font: tokens.$text-title-xs; font-weight: normal; b { diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBanner.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBanner.module.scss index 5304af2e9cd..bb6eb3ccc04 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBanner.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBanner.module.scss @@ -1,19 +1,19 @@ -@import "../../../../../../../tokens"; +@use "../../../../../../../tokens"; .container { - background-color: $color-white; + background-color: tokens.$color-white; background-image: url("../images/dashboard-top-banner-wave.svg"); background-position: center; background-size: cover; - border-radius: $border-radius-md; - border: 1px solid rgba($color-purple-50, 0.2); + border-radius: tokens.$border-radius-md; + border: 1px solid rgba(tokens.$color-purple-50, 0.2); display: flex; flex-direction: column-reverse; - gap: $layout-sm; - padding: $layout-xs; + gap: tokens.$layout-sm; + padding: tokens.$layout-xs; - @media screen and (min-width: $screen-lg) { - padding: $layout-md; + @media screen and (min-width: tokens.$screen-lg) { + padding: tokens.$layout-md; flex-direction: row; align-items: center; } @@ -22,7 +22,7 @@ display: flex; justify-content: center; - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { flex: 1 1 0%; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBannerContent.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBannerContent.module.scss index ef0005e1190..c503a2d7ea6 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBannerContent.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/DashboardTopBanner/DashboardTopBannerContent.module.scss @@ -1,4 +1,4 @@ -@import "../../../../../../../tokens"; +@use "../../../../../../../tokens"; .explainerContentWrapper { align-items: center; @@ -6,7 +6,7 @@ justify-content: center; flex: 1 1 0%; - @media screen and (min-width: $screen-sm) and (max-width: calc($screen-md - 1px)) { + @media screen and (min-width: tokens.$screen-sm) and (max-width: calc(tokens.$screen-md - 1px)) { justify-content: center; flex: 0.5 1 0%; text-align: center; @@ -14,27 +14,27 @@ .explainerContent { display: flex; - gap: $spacing-md; + gap: tokens.$spacing-md; flex-direction: column; - @media screen and (min-width: $screen-md) { - max-width: $content-sm; + @media screen and (min-width: tokens.$screen-md) { + max-width: tokens.$content-sm; } h3 { - font: $text-title-2xs; + font: tokens.$text-title-2xs; } .cta { align-self: start; - @media screen and (min-width: $screen-sm) and (max-width: calc($screen-md - 1px)) { + @media screen and (min-width: tokens.$screen-sm) and (max-width: calc(tokens.$screen-md - 1px)) { align-self: center; } - @media screen and (max-width: calc($screen-md - 1px)) { + @media screen and (max-width: calc(tokens.$screen-md - 1px)) { display: grid; - max-width: $content-sm; + max-width: tokens.$content-sm; width: 100%; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View.module.scss index cdb6ced3191..d2da7ebcf76 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/View.module.scss @@ -1,35 +1,35 @@ -@import "../../../../../../tokens"; +@use "../../../../../../tokens"; .wrapper { width: 100%; height: 100%; - background-color: $color-grey-05; + background-color: tokens.$color-grey-05; } .dashboardContent { - padding-block: $spacing-2xl; - padding-inline: $spacing-xl; + padding-block: tokens.$spacing-2xl; + padding-inline: tokens.$spacing-xl; display: flex; flex-direction: column; - gap: $spacing-lg; + gap: tokens.$spacing-lg; } .exposuresArea { display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; .exposuresAreaHeadline { - font: $text-body-xl; + font: tokens.$text-body-xl; font-weight: 600; } .exposuresAreaDescription { - font: $text-body-md; + font: tokens.$text-body-md; } .exposuresFilterWrapper { - padding-block: $spacing-md; + padding-block: tokens.$spacing-md; } } @@ -38,17 +38,17 @@ padding-inline: 0; display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; } .zeroStateIndicator { display: flex; align-items: center; flex-direction: column; - gap: $spacing-sm; - padding: $spacing-md; + gap: tokens.$spacing-sm; + padding: tokens.$spacing-md; } .visuallyHidden { - @include visually-hidden; + @include tokens.visually-hidden; } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/[[...slug]]/page.tsx b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/[[...slug]]/page.tsx index 398d533014b..71237978a95 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/[[...slug]]/page.tsx +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/[[...slug]]/page.tsx @@ -167,7 +167,7 @@ export default async function DashboardPage({ params, searchParams }: Props) { totalNumberOfPerformedScans={profileStats?.total} isNewUser={isNewUser} elapsedTimeInDaysSinceInitialScan={elapsedTimeInDaysSinceInitialScan} - experimentData={experimentData} + experimentData={experimentData["Features"]} activeTab={activeTab} hasFirstMonitoringScan={hasFirstMonitoringScan} signInCount={signInCount} diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContainer.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContainer.module.scss index d100b67ce3f..8e9e30a7bbc 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContainer.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContainer.module.scss @@ -1,16 +1,16 @@ -@import "../../../../../../../tokens"; +@use "../../../../../../../tokens"; .container { display: grid; - grid-gap: $layout-lg; + grid-gap: tokens.$layout-lg; flex-direction: row; - @media screen and (min-width: $screen-xl) { - padding-inline: $layout-lg; + @media screen and (min-width: tokens.$screen-xl) { + padding-inline: tokens.$layout-lg; } &.hasIllustration { - @media screen and (min-width: $screen-xl) { + @media screen and (min-width: tokens.$screen-xl) { grid-template-columns: 2fr 1fr; } } @@ -18,55 +18,55 @@ .breachContentWrapper { display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; .label { align-self: flex-start; - background: rgba($color-blue-50, 0.3); - border-radius: $border-radius-sm; - color: $color-blue-90; + background: rgba(tokens.$color-blue-50, 0.3); + border-radius: tokens.$border-radius-sm; + color: tokens.$color-blue-90; display: inline-flex; - font: $text-body-xs; + font: tokens.$text-body-xs; font-weight: 600; line-height: 1; - padding: $spacing-sm; + padding: tokens.$spacing-sm; } h3 { - font: $text-title-2xs; - padding: $spacing-sm 0 $spacing-xs; + font: tokens.$text-title-2xs; + padding: tokens.$spacing-sm 0 tokens.$spacing-xs; } .recommendations { p { - font: $text-body-sm; + font: tokens.$text-body-sm; } ol { - padding-top: $spacing-md; + padding-top: tokens.$spacing-md; list-style-position: inside; padding-left: 0; } - padding-top: $spacing-md; + padding-top: tokens.$spacing-md; } .buttons { - padding-top: $spacing-md; + padding-top: tokens.$spacing-md; display: flex; - gap: $spacing-md; + gap: tokens.$spacing-md; align-items: center; } .breachItemsWrapper { display: flex; flex-wrap: wrap; - gap: $spacing-xs; + gap: tokens.$spacing-xs; .breachItem { - font: $text-body-sm; + font: tokens.$text-body-sm; font-weight: 600; - background: $color-grey-10; - padding: $spacing-xs $spacing-sm; - border-radius: $border-radius-md; + background: tokens.$color-grey-10; + padding: tokens.$spacing-xs tokens.$spacing-sm; + border-radius: tokens.$border-radius-md; .date { font-weight: 400; @@ -76,8 +76,8 @@ } .estimatedTime { - @include estimated-time; - padding-top: $layout-xs; + @include tokens.estimated-time; + padding-top: tokens.$layout-xs; } .illustrationWrapper { @@ -86,7 +86,7 @@ &.hideOnMobile { display: none; - @media screen and (min-width: $screen-xl) { + @media screen and (min-width: tokens.$screen-xl) { display: flex; } } @@ -98,10 +98,10 @@ .doneContentWrapper { display: grid; - gap: $layout-xs; + gap: tokens.$layout-xs; grid-template-columns: 1fr; - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { grid-template-columns: 1fr 1fr; } @@ -109,7 +109,7 @@ align-items: flex-start; display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; } } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContent.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContent.module.scss index 6c86b545316..4f27b7f4648 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContent.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/ResolutionContent.module.scss @@ -1,17 +1,17 @@ -@import "../../../../../../../tokens"; +@use "../../../../../../../tokens"; .recommendations { - padding-top: $spacing-md; + padding-top: tokens.$spacing-md; p { - font: $text-body-sm; + font: tokens.$text-body-sm; } ul, ol { - padding-top: $spacing-md; - padding-left: $spacing-lg; + padding-top: tokens.$spacing-md; + padding-left: tokens.$spacing-lg; li { - margin-bottom: $spacing-xs; + margin-bottom: tokens.$spacing-xs; align-items: flex-start; } } @@ -20,14 +20,14 @@ .breachItemsWrapper { display: flex; flex-wrap: wrap; - gap: $spacing-xs; + gap: tokens.$spacing-xs; .breachItem { - font: $text-body-sm; + font: tokens.$text-body-sm; font-weight: 600; - background: $color-grey-10; - padding: $spacing-xs $spacing-sm; - border-radius: $border-radius-md; + background: tokens.$color-grey-10; + padding: tokens.$spacing-xs tokens.$spacing-sm; + border-radius: tokens.$border-radius-md; .date { font-weight: 400; diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/dataBrokerProfiles.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/dataBrokerProfiles.module.scss index 57824d78b94..86026f85b6e 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/dataBrokerProfiles.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/dataBrokerProfiles.module.scss @@ -1,11 +1,11 @@ -@import "../../../../../../../../tokens"; +@use "../../../../../../../../tokens"; .main { flex-direction: column; } .contentWrapper { - max-width: $content-md; + max-width: tokens.$content-md; margin: 0 auto; text-align: center; } @@ -14,13 +14,13 @@ display: flex; flex-direction: column; text-align: center; - gap: $spacing-md; + gap: tokens.$spacing-md; a { display: block; } - @media screen and (min-width: $screen-sm) { + @media screen and (min-width: tokens.$screen-sm) { display: flex; flex-direction: row; align-items: center; @@ -30,7 +30,7 @@ .upgradeToggleWrapper { display: block; - margin-bottom: $spacing-lg; + margin-bottom: tokens.$spacing-lg; > span { display: block; @@ -38,21 +38,21 @@ } .removalStepsList { - font: $text-body-md; + font: tokens.$text-body-md; text-align: left; li { - margin-bottom: $spacing-md; + margin-bottom: tokens.$spacing-md; > strong { display: block; - margin-bottom: $spacing-xs; + margin-bottom: tokens.$spacing-xs; font-weight: 700; } // The subhead/bullet content is wrapped in a span to style to OL marker (1.) > span { - font: $text-body-sm; + font: tokens.$text-body-sm; font-weight: normal; } } @@ -60,20 +60,20 @@ .content { text-align: center; - max-width: $content-md; - margin: 0 auto $spacing-2xl; + max-width: tokens.$content-md; + margin: 0 auto tokens.$spacing-2xl; h3 { - font: $text-title-2xs; + font: tokens.$text-title-2xs; } h4 { - font: $text-title-3xs; + font: tokens.$text-title-3xs; } p, h3 { - margin-block-end: $spacing-md; + margin-block-end: tokens.$spacing-md; } h3 + p { @@ -81,14 +81,14 @@ } > a { - color: $color-blue-60; + color: tokens.$color-blue-60; display: inline-block; - margin-inline-start: $spacing-sm; + margin-inline-start: tokens.$spacing-sm; } } .cityScape { - margin: 0 auto $spacing-2xl; + margin: 0 auto tokens.$spacing-2xl; display: block; max-width: 100%; } @@ -97,31 +97,31 @@ display: flex; align-items: center; justify-content: center; - gap: $spacing-xs; - font: $text-title-3xs; + gap: tokens.$spacing-xs; + font: tokens.$text-title-3xs; } .questionTooltip { - @include question-mark-circle-btn; + @include tokens.question-mark-circle-btn; } .contentAutomaticRemove { h3 { - @include no-focus-outline; + @include tokens.no-focus-outline; text-align: left; } } .featuresList { text-align: left; - max-width: $content-sm; - margin-bottom: $spacing-lg; + max-width: tokens.$content-sm; + margin-bottom: tokens.$spacing-lg; ul { padding: 0; li { background: url("../images/icon-check-mark.svg") no-repeat left center; - padding: $spacing-sm 0 $spacing-sm $spacing-xl; + padding: tokens.$spacing-sm 0 tokens.$spacing-sm tokens.$spacing-xl; list-style: none; margin: 0; vertical-align: middle; @@ -132,40 +132,40 @@ .upgradeToggle { width: auto; display: inline-flex; - gap: $spacing-sm; - background-color: $color-grey-10; - border-radius: $border-radius-xl; - padding: $spacing-sm $spacing-sm; - font: $text-body-sm; - margin-bottom: $spacing-md; + gap: tokens.$spacing-sm; + background-color: tokens.$color-grey-10; + border-radius: tokens.$border-radius-xl; + padding: tokens.$spacing-sm tokens.$spacing-sm; + font: tokens.$text-body-sm; + margin-bottom: tokens.$spacing-md; .toggleBtn { cursor: pointer; appearance: none; background-color: transparent; border: 0; - color: $color-grey-50; - padding: $spacing-xs $spacing-md; + color: tokens.$color-grey-50; + padding: tokens.$spacing-xs tokens.$spacing-md; font-weight: 500; &.isActive, &:hover { - background-color: $color-white; - border-radius: $border-radius-xl; - color: $color-informational; + background-color: tokens.$color-white; + border-radius: tokens.$border-radius-xl; + color: tokens.$color-informational; } &.isFocused { - outline: 2px solid $color-purple-70; - background-color: $color-purple-10; + outline: 2px solid tokens.$color-purple-70; + background-color: tokens.$color-purple-10; } } } .upgradeContentWrapper { - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { display: flex; - gap: $spacing-md; + gap: tokens.$spacing-md; justify-content: space-between; // Used to stop purple box from stretching full width align-items: flex-start; @@ -177,36 +177,36 @@ justify-content: space-between; flex-direction: column; width: 100%; - background-color: $color-purple-70; - color: $color-white; - padding: $spacing-lg; + background-color: tokens.$color-purple-70; + color: tokens.$color-white; + padding: tokens.$spacing-lg; // Note: Confirmed with design to only round the top-right corner - border-top-right-radius: $border-radius-xl; + border-top-right-radius: tokens.$border-radius-xl; > strong { text-align: center; display: block; - font: $text-body-xl; + font: tokens.$text-body-xl; small { display: block; - font: $text-body-md; + font: tokens.$text-body-md; } } // Price block > span { - margin: $spacing-xl 0; - font: $text-title-sm; + margin: tokens.$spacing-xl 0; + font: tokens.$text-title-sm; font-weight: 500; } // Invert color for the plan selection CTA to increase visibility // against the purple background. & > a { - color: $color-white; - box-shadow: inset 0 0 0 2px $color-white; + color: tokens.$color-white; + box-shadow: inset 0 0 0 2px tokens.$color-white; &:hover { - background-color: $color-white; - color: $color-purple-70; + background-color: tokens.$color-white; + color: tokens.$color-purple-70; } } } @@ -215,15 +215,15 @@ .dataBrokerResolutionStats { display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; justify-content: center; - padding-top: $layout-sm; + padding-top: tokens.$layout-sm; - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { flex-direction: row; } div { - @include estimated-time; + @include tokens.estimated-time; justify-content: center; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/ManualRemoveView.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/ManualRemoveView.module.scss index 8caa7cefd9b..c6c10b1f353 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/ManualRemoveView.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/manual-remove/ManualRemoveView.module.scss @@ -1,23 +1,23 @@ -@import "../../../../../../../../../tokens"; +@use "../../../../../../../../../tokens"; .main { display: flex; flex-direction: column; align-items: center; - gap: $spacing-lg; + gap: tokens.$spacing-lg; } .buttonsWrapper { display: flex; flex-direction: column; text-align: center; - gap: $spacing-md; + gap: tokens.$spacing-md; a { display: block; } - @media screen and (min-width: $screen-sm) { + @media screen and (min-width: tokens.$screen-sm) { display: flex; flex-direction: row; align-items: center; @@ -26,66 +26,66 @@ } .removalStepsList { - font: $text-body-md; + font: tokens.$text-body-md; text-align: left; li { - margin-bottom: $spacing-md; + margin-bottom: tokens.$spacing-md; > strong { display: block; - margin-bottom: $spacing-xs; + margin-bottom: tokens.$spacing-xs; font-weight: 700; } // The subhead/bullet content is wrapped in a span to style to OL marker (1.) > span { - font: $text-body-sm; + font: tokens.$text-body-sm; font-weight: normal; } } } .content { - max-width: $content-md; + max-width: tokens.$content-md; h3 { - font: $text-title-2xs; + font: tokens.$text-title-2xs; text-align: center; } h4 { - font: $text-title-3xs; + font: tokens.$text-title-3xs; } p, h3 { - margin-block-end: $spacing-md; + margin-block-end: tokens.$spacing-md; } > a { - color: $color-blue-60; + color: tokens.$color-blue-60; display: inline-block; - margin-inline-start: $spacing-sm; + margin-inline-start: tokens.$spacing-sm; } } .exposureListing { display: flex; flex-direction: column; - gap: $spacing-lg; + gap: tokens.$spacing-lg; h3 { - font: $text-title-2xs; + font: tokens.$text-title-2xs; } .exposureList { display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; - @media screen and (min-width: $screen-md) { - padding-inline: $spacing-lg; + @media screen and (min-width: tokens.$screen-md) { + padding-inline: tokens.$spacing-lg; } } } @@ -94,22 +94,22 @@ display: flex; align-items: center; justify-content: center; - gap: $spacing-xs; - font: $text-title-3xs; + gap: tokens.$spacing-xs; + font: tokens.$text-title-3xs; } .dataBrokerResolutionStats { display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; justify-content: center; - padding-top: $layout-sm; + padding-top: tokens.$layout-sm; - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { flex-direction: row; } div { - @include estimated-time; + @include tokens.estimated-time; justify-content: center; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/removal-under-maintenance/RemovalUnderMaintenance.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/removal-under-maintenance/RemovalUnderMaintenance.module.scss index 6abfe523995..f8a4369fc38 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/removal-under-maintenance/RemovalUnderMaintenance.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/removal-under-maintenance/RemovalUnderMaintenance.module.scss @@ -1,24 +1,25 @@ -@import "../../../../../../../../../tokens"; +@use "../../../../../../../../../tokens"; .dataBrokerInformationWrapper { .exposureCardWrapper { - margin-top: $spacing-md; - padding-bottom: $spacing-lg; + margin-top: tokens.$spacing-md; + padding-bottom: tokens.$spacing-lg; .exposureCard { display: flex; flex-direction: column; - background-color: $color-white; - border: 2px solid rgba($color-purple-70, 0.2); - border-radius: $border-radius-lg; - padding: $layout-sm $layout-sm $layout-xs $layout-sm; + background-color: tokens.$color-white; + border: 2px solid rgba(tokens.$color-purple-70, 0.2); + border-radius: tokens.$border-radius-lg; + padding: tokens.$layout-sm tokens.$layout-sm tokens.$layout-xs + tokens.$layout-sm; .dataClassesList { justify-content: space-between; margin-left: 0; display: grid; grid-template-columns: 1fr; - grid-row-gap: $spacing-sm; + grid-row-gap: tokens.$spacing-sm; transition: opacity 0.35s ease-in-out; opacity: 1; @@ -26,38 +27,38 @@ opacity: 0; } - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { grid-template-columns: 1fr 1fr 1fr; - gap: $spacing-sm; + gap: tokens.$spacing-sm; } - @media screen and (min-width: $screen-lg) { + @media screen and (min-width: tokens.$screen-lg) { display: flex; flex-direction: row; align-items: flex-start; - gap: $layout-xs; + gap: tokens.$layout-xs; flex-wrap: wrap; justify-content: flex-start; } } .buttonsWrapper { - margin-top: $spacing-lg; - border-top: 2px solid $color-grey-10; - padding-top: $spacing-lg; + margin-top: tokens.$spacing-lg; + border-top: 2px solid tokens.$color-grey-10; + padding-top: tokens.$spacing-lg; display: flex; - gap: $spacing-sm; + gap: tokens.$spacing-sm; } .estimatedTime { - @include estimated-time; - padding-top: $spacing-sm; + @include tokens.estimated-time; + padding-top: tokens.$spacing-sm; } } } .header { - font: $text-body-lg; + font: tokens.$text-body-lg; font-weight: 700; transition: opacity 0.35s ease-in-out; opacity: 1; @@ -74,44 +75,44 @@ cursor: pointer; } .headerRemovalGuide { - padding-top: $spacing-lg; - font: $text-body-xl; + padding-top: tokens.$spacing-lg; + font: tokens.$text-body-xl; font-weight: 700; } .buttonWrapper { display: flex; justify-content: center; - padding-top: $spacing-lg; + padding-top: tokens.$spacing-lg; } } .removalContentSection { - margin-top: $layout-md; + margin-top: tokens.$layout-md; dt { - font: $text-body-lg; + font: tokens.$text-body-lg; font-weight: 600; &.removalGuideInstructions { - font: $text-body-md; + font: tokens.$text-body-md; font-weight: 700; } } dd { - padding-top: $spacing-sm; + padding-top: tokens.$spacing-sm; } ol { - padding-top: $spacing-sm; + padding-top: tokens.$spacing-sm; li { - margin-bottom: $spacing-xs; + margin-bottom: tokens.$spacing-xs; } } button { - margin-top: $spacing-lg; + margin-top: tokens.$spacing-lg; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/view-data-brokers/AboutBrokersIcon.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/view-data-brokers/AboutBrokersIcon.module.scss index 0c3c4b37e83..aeb00cff05b 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/view-data-brokers/AboutBrokersIcon.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/view-data-brokers/AboutBrokersIcon.module.scss @@ -1,9 +1,9 @@ -@import "../../../../../../../../../tokens"; +@use "../../../../../../../../../tokens"; .triggerButton { border-style: none; background-color: transparent; - color: $color-purple-70; + color: tokens.$color-purple-70; aspect-ratio: 1 / 1; cursor: pointer; } @@ -11,14 +11,14 @@ .dialogContents { display: flex; flex-direction: column; - gap: $spacing-lg; - color: $color-grey-50; + gap: tokens.$spacing-lg; + color: tokens.$color-grey-50; .confirmButtonWrapper { align-self: center; display: flex; flex-direction: column; - min-width: $content-xs; - padding-block-start: $spacing-md; + min-width: tokens.$content-xs; + padding-block-start: tokens.$spacing-md; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/welcome-to-plus/welcomeToPlus.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/welcome-to-plus/welcomeToPlus.module.scss index 5c384512cf5..eccffe7af60 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/welcome-to-plus/welcomeToPlus.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/data-broker-profiles/welcome-to-plus/welcomeToPlus.module.scss @@ -1,13 +1,13 @@ -@import "../../../../../../../../../tokens"; +@use "../../../../../../../../../tokens"; .contentWrapper { - max-width: $content-md; + max-width: tokens.$content-md; margin: 0 auto; text-align: center; display: flex; align-items: center; - gap: $spacing-xl; - @media screen and (max-width: $screen-xl) { + gap: tokens.$spacing-xl; + @media screen and (max-width: tokens.$screen-xl) { display: flex; flex-direction: column; align-items: center; @@ -18,13 +18,13 @@ display: flex; flex-direction: column; text-align: center; - gap: $spacing-md; + gap: tokens.$spacing-md; a { display: block; } - @media screen and (min-width: $screen-sm) { + @media screen and (min-width: tokens.$screen-sm) { display: flex; flex-direction: row; align-items: center; @@ -33,23 +33,23 @@ .content { text-align: left; - max-width: $content-sm; + max-width: tokens.$content-sm; margin: 0 auto; h3 { - font: $text-title-2xs; + font: tokens.$text-title-2xs; } p, h3 { - margin-block-end: $spacing-md; + margin-block-end: tokens.$spacing-md; text-align: left; } > a { - color: $color-blue-60; + color: tokens.$color-blue-60; display: inline-block; - margin-inline-start: $spacing-sm; + margin-inline-start: tokens.$spacing-sm; } } @@ -63,7 +63,7 @@ &.hideOnMobile { display: none; - @media screen and (min-width: $screen-xl) { + @media screen and (min-width: tokens.$screen-xl) { display: flex; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/fix.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/fix.module.scss index 918aca913ae..055e88ad47f 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/fix.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/fix.module.scss @@ -1,7 +1,7 @@ -@import "../../../../../../../tokens"; +@use "../../../../../../../tokens"; .fixContainer { - background-color: $color-grey-05; + background-color: tokens.$color-grey-05; height: 100%; display: flex; align-items: center; @@ -9,17 +9,17 @@ // Set position relative so the child canvas can overlay position: relative; - @media screen and (min-width: $screen-md) { - padding: $layout-sm; + @media screen and (min-width: tokens.$screen-md) { + padding: tokens.$layout-sm; } .fixWrapper { - box-shadow: $box-shadow-xs; - border-radius: $border-radius-md; - max-width: $content-xl; + box-shadow: tokens.$box-shadow-xs; + border-radius: tokens.$border-radius-md; + max-width: tokens.$content-xl; width: 100%; - padding: $layout-xs; - background-color: $color-white; + padding: tokens.$layout-xs; + background-color: tokens.$color-white; background-size: cover; background-position: center; position: relative; @@ -27,7 +27,7 @@ display: flex; justify-content: center; flex-direction: column; - min-height: $content-sm; + min-height: tokens.$content-sm; &.contentBackgroundImage { background-image: url("./images/high-risk-breaches-content-background.svg"); @@ -36,23 +36,24 @@ .navClose { position: absolute; - right: $spacing-md; - top: $spacing-md; + right: tokens.$spacing-md; + top: tokens.$spacing-md; } .fixSection { display: flex; justify-content: stretch; align-items: center; - gap: $spacing-md; + gap: tokens.$spacing-md; - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { // Add horizontal padding to account for next/prev arrow placement on larger screens - padding: $spacing-lg $spacing-2xl; + padding: tokens.$spacing-lg tokens.$spacing-2xl; } - @media screen and (min-width: $screen-xl) { - padding: $spacing-xl $spacing-lg $spacing-md $spacing-lg; + @media screen and (min-width: tokens.$screen-xl) { + padding: tokens.$spacing-xl tokens.$spacing-lg tokens.$spacing-md + tokens.$spacing-lg; } .navArrow { @@ -61,15 +62,15 @@ position: absolute; align-items: center; justify-content: center; - padding: $spacing-md; - border-radius: $border-radius-sm; - right: $spacing-md; + padding: tokens.$spacing-md; + border-radius: tokens.$border-radius-sm; + right: tokens.$spacing-md; &:hover { - background-color: $color-violet-20; + background-color: tokens.$color-violet-20; } - @media screen and (min-width: $screen-md) { + @media screen and (min-width: tokens.$screen-md) { display: flex; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/FraudAlertModal.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/FraudAlertModal.module.scss index c747c7d9375..b0eadd4431b 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/FraudAlertModal.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/dashboard/fix/high-risk-data-breaches/FraudAlertModal.module.scss @@ -1,20 +1,20 @@ -@import "../../../../../../../../tokens"; +@use "../../../../../../../../tokens"; .triggerButton { - @include question-mark-circle-btn; + @include tokens.question-mark-circle-btn; } .dialogContents { display: flex; flex-direction: column; - gap: $spacing-lg; - color: $color-grey-50; + gap: tokens.$spacing-lg; + color: tokens.$color-grey-50; .confirmButtonWrapper { align-self: center; display: flex; flex-direction: column; - min-width: $content-xs; - padding-block-start: $spacing-md; + min-width: tokens.$content-xs; + padding-block-start: tokens.$spacing-md; } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/AlertAddressForm.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/AlertAddressForm.module.scss index a345bc7efa9..35b6447c73e 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/AlertAddressForm.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/AlertAddressForm.module.scss @@ -1,39 +1,39 @@ -@import "../../../../../../tokens"; +@use "../../../../../../tokens"; .wrapper { display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; .sectionTitle { h3 { - font: $text-title-3xs; + font: tokens.$text-title-3xs; } p { - color: $color-grey-40; + color: tokens.$color-grey-40; } } .radioGroup { display: flex; flex-direction: column; - gap: $spacing-md; + gap: tokens.$spacing-md; .emailAlertsOptions { - padding-inline-start: $spacing-lg; + padding-inline-start: tokens.$spacing-lg; display: flex; flex-direction: column; - gap: $spacing-sm; + gap: tokens.$spacing-sm; } .radioButton { - stroke: $color-black; + stroke: tokens.$color-black; } label { display: flex; - gap: $spacing-xs; + gap: tokens.$spacing-xs; div { display: flex; flex-direction: column; @@ -43,7 +43,7 @@ } p { - color: $color-grey-40; + color: tokens.$color-grey-40; } } @@ -53,11 +53,11 @@ } .focusRing { - stroke: $color-blue-50; + stroke: tokens.$color-blue-50; } .selectedFill { - fill: $color-black; + fill: tokens.$color-black; } } } diff --git a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/CancelFlow.module.scss b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/CancelFlow.module.scss index 24e614b93ba..8f28bde754f 100644 --- a/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/CancelFlow.module.scss +++ b/src/app/(proper_react)/(redesign)/(authenticated)/user/(dashboard)/settings/CancelFlow.module.scss @@ -1,4 +1,4 @@ -@import "../../../../../../tokens"; +@use "../../../../../../tokens"; // The attribute selector makes this more specific that