@datarobot/design-system 28.5.0 → 28.6.1

package/locales/pt_BR/translation.json

@@ -1,33 +1,33 @@
 {
-  "Accepted formats: {{supportedFileTypes}}": "Formatos aceitos: {{supportedFileTypes}}",
+  "Minute": "Minuto",
+  "Hour": "Hora",
+  "Month": "Mês",
+  "Accepted formats: {{supportedFileTypes}}": "Atualmente aceitamos {{supportedFileTypes}}",
   "Search": "Pesquisar",
-  "Search input": "",
+  "Search input": "Entrada de pesquisa",
   "Filter By": "Filtrar por",
   "Delete filter item": "Excluir item de filtro",
   "Clear all": "Limpar tudo",
   "Trigger another item": "Acionar outro item",
-  "Show message": "",
+  "Show message": "Mostrar mensagem",
   "Dismiss": "Dispensar",
-  "Hide message": "",
-  "avatar image": "",
-  "Remove badge button": "",
-  "loading": "",
-  "Cross": "",
-  "Circle": "",
-  "Disc": "",
-  "Vertical line": "",
-  "Horizontal line": "",
-  "Square": "",
-  "{{count}} characters remaining_one": "{{count}} caractere restante",
-  "{{count}} characters remaining_many": "{{count}} caracteres restantes",
-  "{{count}} characters remaining_other": "{{count}} caracteres restantes",
+  "Hide message": "Ocultar mensagem",
+  "avatar image": "imagem de avatar",
+  "Remove badge button": "Remover botão de badge",
+  "loading": "Carregando",
+  "Cross": "Fechar",
+  "Circle": "Círculo",
+  "Disc": "Disco",
+  "Vertical line": "Linha vertical",
+  "Horizontal line": "Linha horizontal",
+  "Square": "Quadrado",
   "Start typing to see a list of users": "Comece a digitar para ver uma lista de usuários",
   "Options": "Opções",
-  "Chat message": "",
-  "New chat message": "",
-  "close tab": "",
-  "create tab": "",
-  "Code editor": "",
+  "Chat message": "Mensagem de bate-papo",
+  "New chat message": "Nova mensagem de bate-papo",
+  "close tab": "fechar aba",
+  "create tab": "criar aba",
+  "Code editor": "Editor de código",
   "click to open": "clique para abrir",
   "click to close": "clique para fechar",
   "drag to resize": "arraste para redimensionar",
@@ -38,7 +38,7 @@
   "UTC": "UTC",
   "Start date": "Data de início",
   "End date": "Data de término",
-  "Update window": "",
+  "Update window": "Atualizar janela",
   "Reset to initial value": "Redefinir para valor inicial",
   "Cancel": "Cancelar",
   "Previous": "Anterior",
@@ -46,29 +46,29 @@
   "Optional": "Opcional",
   "No search results found.": "Nenhum resultado de pesquisa encontrado.",
   "Menu": "Menu",
-  "Dropdown content": "",
+  "Dropdown content": "Conteúdo do menu suspenso",
   "Edit": "Editar",
   "Empty state": "Estado vazio",
-  "We encountered an unexpected error and cannot proceed. Try again or contact Support for assistance.": "",
+  "We encountered an unexpected error and cannot proceed. Try again or contact Support for assistance.": "Entramos um erro inesperado e não podemos prosseguir. Tente novamente ou entre em contato com o suporte para obter assistência.",
   "Export": "Exportar",
   "Download information related to this visualization": "Baixar informações relacionadas a esta visualização",
   "Drag and drop a new dataset or select an option from the right": "Arraste e solte um novo conjunto de dados ou selecione uma opção da direita",
   "Drag and drop a file here or browse": "Arraste e solte um arquivo aqui ou procure-o",
-  "Uploading file...": "Fazendo upload do arquivo...",
+  "Uploading file...": "Fazendo upload do arquivo…",
   "Upload failed": "Falha no upload",
-  "Invalid file type, ": "Tipo de arquivo inválido",
-  "Invalid file, ": "Arquivo inválido,",
+  "Invalid file type, ": "Tipo de arquivo inválido, ",
+  "Invalid file, ": "Arquivo inválido, ",
   "Accepted formats: {{formats}}": "Formatos aceitos: {{formats}}",
   "Import from": "Importar do ",
   "Clear selection": "Limpar seleção",
   "Local File": "Arquivo Local",
   "Browse": "Procurar",
-  "and {{items}} more...": "e {{items}} mais...",
+  "and {{items}} more...": "e {{items}} mais…",
   "Failed to upload the file": "Falha ao carregar o arquivo",
   "The file type is not allowed": "O tipo de arquivo não é permitido",
   "You can only drop one file.": "Você só pode soltar um arquivo.",
   "File is required.": "O arquivo é obrigatório.",
-  "Uploading...": "Carregando...",
+  "Uploading...": "Carregando…",
   "Drop file(s) here to upload or": "Solte o(s) arquivo(s) aqui para fazer upload ou",
   "Delete": "Excluir",
   "Choose file": "Escolher arquivo",
@@ -77,54 +77,54 @@
   "Clear filters": "Limpar filtros",
   "Invalid field": "Campo inválido",
   "Validated": "Validada",
-  "Extra information in a tooltip": "",
+  "Extra information in a tooltip": "Informações adicionais em uma dica de ferramenta",
   "Show password": "Mostrar senha",
   "Hide password": "Ocultar senha",
   "Submit": "Enviar",
   "Retry": "Repetir",
   "Clear": "Limpar",
   "Toggle": "Alternar",
-  "Full-screen drawer": "",
+  "Full-screen drawer": "Gaveta em tela cheia",
   "Close": "Fechar",
   "Continue setup": "Continuar configuração",
   "Exit without saving": "Sair sem salvar",
   "Something went wrong, try again": "Algo deu errado, tente novamente",
   "More": "Mais",
-  "Info-icon with extra information in a tooltip": "",
-  "Click to edit text": "",
-  "Updating text": "",
+  "Info-icon with extra information in a tooltip": "Ícone de informação com informações extras em uma dica de ferramenta",
+  "Click to edit text": "Clique para editar o texto",
+  "Updating text": "Atualizando o texto",
   "No items found": "Nenhum item encontrado",
   "Add item": "Adicionar item",
   "Max number of key-value pairs reached": "Número máximo de pares de chave-valor atingido",
-  "Above field(s) should not be empty.": "Os campos acima não devem estar vazios",
+  "Above field(s) should not be empty.": "Os campos acima não devem estar vazios.",
   "Key input": "Entrada de chave",
   "Value input": "Entrada de valor",
-  "Double-check this value": "",
+  "Double-check this value": "Verifique novamente este valor",
   "Duplicated keys ({{name}}) are not allowed.": "Chaves duplicadas ({{name}}) não são permitidas.",
   "recommended": "recomendado",
   "suggested": "sugerido",
   "failed": "com falha",
   "info": "informações",
   "Loading": "Carregando",
-  "Loading...": "Carregando...",
+  "Loading...": "Carregando…",
   "Something went wrong processing response from the model. Try reloading the page.": "Algo deu errado ao processar a resposta do modelo. Tente recarregar a página.",
   "OK": "OK",
-  "Modal": "",
+  "Modal": "Modal",
   "Remove": "Remover",
   "Select": "Selecionar",
-  "Page {{number}}": "",
+  "Page {{number}}": "Página {{number}}",
   "Next page": "Próxima página",
   "Previous page": "Página anterior",
-  "{{start}}-{{endLimited}} of {{totalLimit}}+ items": "{{start}}-{{endLimited}} de {{totalLimit}}+ itens",
-  "{{start}}-{{end}} of {{total}} items": "{{start}}-{{end}} de {{total}} itens",
-  "Pagination": "",
+  "{{start}}-{{endLimited}} of {{totalLimit}}+ items": "{{start}}-{{endLimited}}/{{totalLimit}}+項目",
+  "{{start}}-{{end}} of {{total}} items": "{{start}}-{{end}}/{{total}}項目",
+  "Pagination": "Paginação",
   "{{pages}} per page": "{{pages}} por página",
   "0-0 of 0": "0-0 de 0",
-  "{{startOfPage}} of {{totalLimit}}": "{{startOfPage}} de {{totalLimit}}",
-  "{{startOfPage}} of {{total}}": "{{startOfPage}} de {{total}}",
-  "{{startOfPage}}-{{endOfPage}} of {{totalLimit}}+": "{{startOfPage}}-{{endOfPage}} de {{totalLimit}}+",
-  "{{startOfPage}}-{{endOfPage}} of {{total}}": "{{startOfPage}}-{{endOfPage}} de {{total}}",
-  "No available page sizes": "",
+  "{{startOfPage}} of {{totalLimit}}": "{{startOfPage}}/{{totalLimit}}",
+  "{{startOfPage}} of {{total}}": "{{startOfPage}}/{{total}}",
+  "{{startOfPage}}-{{endOfPage}} of {{totalLimit}}+": "{{startOfPage}}-{{endOfPage}}/{{totalLimit}}+",
+  "{{startOfPage}}-{{endOfPage}} of {{total}}": "{{startOfPage}}-{{endOfPage}}/{{total}}",
+  "No available page sizes": "Nenhum tamanho de página disponível",
   "Slider handle": "Controle deslizante",
   "Refresh": "Atualizar",
   "Sunday": "Domingo",
@@ -158,10 +158,7 @@
   "Switch to simple scheduler": "Alternar para o agendador simples",
   "Stay with advanced scheduler": "Continuar com o agendador avançado",
   "Switching to the simple scheduler form will clear any schedule you set so far.": "Alterar para o formulário de agendador simples irá apagar qualquer agendamento definido até o momento.",
-  "Minute": "Minuto",
-  "Hour": "Hora",
   "Day of month": "Dia do mês",
-  "Month": "Mês",
   "Day of week": "Dia da semana",
   "Minutes past the hour": "Minutos após a hora",
   "Time": "Tempo",
@@ -171,11 +168,11 @@
   "Accepts values from 1 to 31. Invalid values for a given month will be ignored.": "Aceita valores de 1 a 31. Valores inválidos para um determinado mês serão ignorados.",
   "Accepts values between 1 (January) and 12 (December).": "Aceita valores entre 1 (de janeiro) e 12 (de dezembro).",
   "Accepts values between 0 (Sunday) and 6 (Saturday).": "Aceita valores entre 0 (domingo) e 6 (sábado).",
-  "Value must have both hours and minutes specified": "",
+  "Value must have both hours and minutes specified": "O valor deve ter as horas e os minutos especificados",
   "Value must be a number between 0 and 59": "O valor deve ser um número entre 0 e 59",
-  "Simple schedule": "",
-  "Advanced schedule": "",
-  "Switching to the simple scheduler will clear any schedule you've set so far": "",
+  "Simple schedule": "Programação simples",
+  "Advanced schedule": "Agendamento avançado",
+  "Switching to the simple scheduler will clear any schedule you've set so far": "A mudança para o agendador simples limpará qualquer programação que você definiu até agora",
   "Value must be a comma-separated list of numbers between {{min}} and {{max}} or * for all": "O valor deve ser uma lista de números separados por vírgula entre {{min}} e {{max}} ou * para todos",
   "Value must be a comma-separated list of numbers between {{min}} and {{max}}": "O valor deve ser uma lista de números separados por vírgula entre {{min}} e {{max}}",
   "Clear Input": "Limpar entrada",
@@ -183,8 +180,8 @@
   "Updating list results...": "Atualização de resultados da lista…",
   "Section has errors": "A seção tem erros",
   "Enter item value": "Insira o valor do item",
-  "Sidebar modal": "",
-  "Addition actions": "",
+  "Sidebar modal": "Modal da barra lateral",
+  "Addition actions": "Ações adicionais",
   "Select all rows": "Selecione todas as linhas",
   "Select row {{index}}": "Selecionar linha {{index}}",
   "Expand Row": "Expandir linha",
@@ -202,7 +199,7 @@
   "Unpin column": "Desafixar coluna",
   "Pinned columns will take too much space with current column pinned": "As colunas fixadas ocuparão muito espaço com a coluna atual fixada",
   "Column header actions dropdown": "Menu suspenso de ações do cabeçalho da coluna",
-  "Column Header: {{headerLabel}}. To focus on the header column actions press Tab key": "Cabeçalho da coluna. {{headerLabel}}. Para focar nas ações da coluna do cabeçalho, pressione a tecla Tab",
+  "Column Header: {{headerLabel}}. To focus on the header column actions press Tab key": "Cabeçalho da coluna: {{headerLabel}}. Para focar nas ações da coluna do cabeçalho, pressione a tecla Tab",
   "Apply": "Aplicar",
   "Reset to default": "Voltar a configuração original",
   "Columns management": "Gestão de colunas",
@@ -212,16 +209,10 @@
   "Sort column": "Coluna de classificação",
   "Use arrow keys to reorder columns. Use Tab key to navigate to inner controls": "Use as teclas de seta para reordenar as colunas. Use a tecla Tab para navegar até os controles internos",
   "Settings search": "Pesquisa de configurações",
-  "{{count}}+ item found_one": "{{count}}+ item encontrado",
-  "{{count}}+ item found_many": "{{count}}+ itens encontrados",
-  "{{count}}+ item found_other": "{{count}}+ itens encontrados",
-  "{{count}} item found_one": "{{count}} item encontrado",
-  "{{count}} item found_many": "{{count}} itens encontrados",
-  "{{count}} item found_other": "{{count}} itens encontrados",
   "Click to select all rows in the table": "Clique para selecionar todas as linhas na tabela",
   "Click to open row actions dropdown": "Clique para abrir o menu suspenso de ações da linha",
   "Click to expand the row": "Clique para expandir a linha",
-  "Select {{val}}": "Selecione {{val}}",
+  "Select {{val}}": "Selecionar {{val}}",
   "Delete Editor Content": "Excluir conteúdo do editor",
   "Bold": "Negrito",
   "Italic": "Itálico",
@@ -240,15 +231,18 @@
   "Heading medium": "Título médio",
   "Heading small": "Título pequeno",
   "Regular text": "Texto regular",
-  "Text URL": "",
-  "Minimize": "",
-  "Skip tour": "",
-  "previous": "",
-  "next": "",
+  "Text URL": "URL de texto",
+  "Minimize": "Minimizar",
+  "Skip tour": "Pular tour",
+  "previous": "anterior",
+  "next": "próximo",
   "Advanced tour anchor button": "Botão de âncora de tour avançado",
   "Next tour page": "Página próximo tour",
   "Previous tour page": "Página tour anterior",
   "Zoom In": "Ampliar",
   "Zoom Out": "Reduzir",
-  "Reset Zoom": ""
+  "Reset Zoom": "Redefinir Zoom",
+  "{{count}} characters remaining_other": "{{count}} caracteres restantes",
+  "{{count}}+ item found_other": "{{count}}+ item encontrado",
+  "{{count}} item found_other": "{{count}} item encontrado"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@datarobot/design-system",
-  "version": "28.5.0",
+  "version": "28.6.1",
   "description": "DataRobot react components library",
   "scripts": {
     "build": "node ../../tools/build-lib.js",

package/styles/index.css

@@ -926,6 +926,8 @@
 /* REACT COMPONENT MIXINS */
 .sr-only {
   position: absolute;
+  top: 0;
+  left: 0;
   height: 0.0625rem;
   width: 0.0625rem;
   /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3103,6 +3105,7 @@ popout[data-popper-placement^='right']::after,
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field textarea:-webkit-autofill:hover,
 .dr-form-field textarea[data-com-onepassword-filled]:hover {
@@ -3112,6 +3115,7 @@ popout[data-popper-placement^='right']::after,
 .dr-form-field textarea[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.sm input {
   /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3165,6 +3169,7 @@ popout[data-popper-placement^='right']::after,
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.sm input:-webkit-autofill:hover,
 .dr-form-field.sm input[data-com-onepassword-filled]:hover {
@@ -3174,6 +3179,7 @@ popout[data-popper-placement^='right']::after,
 .dr-form-field.sm input[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.md input {
   /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3227,6 +3233,7 @@ popout[data-popper-placement^='right']::after,
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.md input:-webkit-autofill:hover,
 .dr-form-field.md input[data-com-onepassword-filled]:hover {
@@ -3236,6 +3243,7 @@ popout[data-popper-placement^='right']::after,
 .dr-form-field.md input[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.lg input {
   /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3289,6 +3297,7 @@ popout[data-popper-placement^='right']::after,
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.lg input:-webkit-autofill:hover,
 .dr-form-field.lg input[data-com-onepassword-filled]:hover {
@@ -3298,6 +3307,7 @@ popout[data-popper-placement^='right']::after,
 .dr-form-field.lg input[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.xl input {
   height: 3.125rem;
@@ -3353,6 +3363,7 @@ popout[data-popper-placement^='right']::after,
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.875rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field.xl input:-webkit-autofill:hover,
 .dr-form-field.xl input[data-com-onepassword-filled]:hover {
@@ -3362,6 +3373,7 @@ popout[data-popper-placement^='right']::after,
 .dr-form-field.xl input[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.875rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dr-form-field textarea {
   font-family: inherit;
@@ -3627,13 +3639,15 @@ popout[data-popper-placement^='right']::after,
 .checkbox-tooltip-container {
   display: inline-block;
 }
+.checkbox-wrapper {
+  position: relative;
+  display: inline-block;
+}
 .checkbox {
   /* Hide native checkbox, but keep it focusable */
-  height: 0;
-  width: 0;
-  margin: 0;
-  clip: rect(0 0 0 0);
   position: absolute;
+  top: 0;
+  left: 0;
   height: 0.0625rem;
   width: 0.0625rem;
   /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -3657,6 +3671,7 @@ popout[data-popper-placement^='right']::after,
   align-self: center;
   min-height: 1rem;
   min-width: 1rem;
+  max-width: 100%;
   padding-left: 1.5rem;
   vertical-align: middle;
   font-size: 0.875rem;
@@ -3789,15 +3804,26 @@ popout[data-popper-placement^='right']::after,
 /*!******************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/radio-button/radio-button.less ***!
   \******************************************************************************************************************************************************************************************************************************************************/
+/* stylelint-disable dr-custom/no-several-root-selectors */
+.radiobutton-wrapper {
+  position: relative;
+}
 .radiobutton {
+  /* Hide native radiobutton, but keep it focusable */
   position: absolute;
-  height: 0;
-  width: 0;
-  margin: 0;
+  top: 0;
+  left: 0;
+  height: 0.0625rem;
+  width: 0.0625rem;
+  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
+  margin: -0.0625rem;
   padding: 0;
+  white-space: nowrap;
   border: 0;
+  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
   overflow: hidden;
-  clip: rect(0 0 0 0);
 }
 .radiobutton + label {
   position: relative;
@@ -3906,6 +3932,7 @@ popout[data-popper-placement^='right']::after,
 .radiobutton + .radiobutton-label.lg + .radiobutton-helper-text {
   padding-left: 1.5rem;
 }
+/* stylelint-enable dr-custom/no-several-root-selectors */
 
 /*!*********************************************************************************************************************************************************************************************************************************************************************!*\
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/dropdown-menu/dropdown-item-radio-button.less ***!
@@ -4098,6 +4125,7 @@ popout[data-popper-placement^='right']::after,
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dropdown-selectbox-trigger:-webkit-autofill:hover,
 .dropdown-selectbox-trigger[data-com-onepassword-filled]:hover {
@@ -4107,6 +4135,7 @@ popout[data-popper-placement^='right']::after,
 .dropdown-selectbox-trigger[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .dropdown-selectbox-trigger:hover {
   border: var(--dropdown-selectbox-trigger-border);
@@ -4262,6 +4291,12 @@ popout[data-popper-placement^='right']::after,
 .dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item {
   position: relative;
 }
+.dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox-wrapper,
+.dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox-wrapper,
+.dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox-wrapper,
+.dropdown-content ul.dropdown-menu-footer div.drop-item .checkbox-item .checkbox-wrapper {
+  width: 100%;
+}
 .dropdown-content ul.dropdown-menu-list li.drop-item .checkbox-item .checkbox + label,
 .dropdown-content ul.dropdown-menu-footer li.drop-item .checkbox-item .checkbox + label,
 .dropdown-content ul.dropdown-menu-list div.drop-item .checkbox-item .checkbox + label,
@@ -4426,6 +4461,9 @@ popout[data-popper-placement^='right']::after,
 .dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item {
   position: relative;
 }
+.dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox-wrapper {
+  width: 100%;
+}
 .dropdown-content ul.dropdown-menu-list.sectioned li.drop-item .checkbox-item .checkbox + label {
   width: 100%;
   padding: 0.25rem 2rem 0.25rem 3.25rem;
@@ -5766,6 +5804,7 @@ button.highlighted-badge.apple:active:not(:disabled),
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/chart-legend/chart-legend-item.less ***!
   \***********************************************************************************************************************************************************************************************************************************************************/
 .chart-legend-item {
+  position: relative;
   display: flex;
   align-content: center;
   justify-content: center;
@@ -5798,13 +5837,19 @@ button.highlighted-badge.apple:active:not(:disabled),
 .chart-legend-item input.chart-legend-item-checkbox {
   /* Hide native checkbox, but keep it focusable */
   position: absolute;
-  height: 0;
-  width: 0;
-  margin: 0;
+  top: 0;
+  left: 0;
+  height: 0.0625rem;
+  width: 0.0625rem;
+  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
+  margin: -0.0625rem;
   padding: 0;
+  white-space: nowrap;
   border: 0;
+  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
   overflow: hidden;
-  clip: rect(0 0 0 0);
 }
 .chart-legend-item input.chart-legend-item-checkbox + label {
   cursor: pointer;
@@ -8661,6 +8706,7 @@ td.rdtYear {
   border: none;
   -webkit-text-fill-color: var(--input-color);
   -webkit-box-shadow: 0 0 0px 0.0625rem var(--input-border-color) inset, 0 0 0px 1.25rem var(--input-bg) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .file-upload-input .file-input-group:-webkit-autofill:hover,
 .file-upload-input .file-input-group[data-com-onepassword-filled]:hover {
@@ -8670,6 +8716,7 @@ td.rdtYear {
 .file-upload-input .file-input-group[data-com-onepassword-filled]:focus {
   -webkit-text-fill-color: var(--input-color-focused);
   -webkit-box-shadow: 0 0 0px var(--input-border-width) var(--input-focused-border-color) inset, 0 0 0px 1.25rem var(--input-bg-focused-autofill) inset;
+  transition-delay: calc(infinity * 1s);
 }
 .file-upload-input .file-input-group > label {
   flex: 1;
@@ -10775,6 +10822,7 @@ button:hover.active.pill {
   !*** css ../../node_modules/css-loader/dist/cjs.js!../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[3].use[2]!../../node_modules/less-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/components/tabs/tabs.less ***!
   \**************************************************************************************************************************************************************************************************************************************/
 .tabgroup {
+  position: relative;
   border: 0;
 }
 .tabgroup.tabgroup-container {
@@ -10797,13 +10845,19 @@ button:hover.active.pill {
 .tabgroup .tabgroup-tab {
   /* 1. hide native input */
   position: absolute;
-  height: 0;
-  width: 0;
-  margin: 0;
+  top: 0;
+  left: 0;
+  height: 0.0625rem;
+  width: 0.0625rem;
+  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
+  margin: -0.0625rem;
   padding: 0;
+  white-space: nowrap;
   border: 0;
+  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
   overflow: hidden;
-  clip: rect(0 0 0 0);
 }
 .tabgroup .tabgroup-tab:focus-visible + label {
   outline: var(--focus-outline-color) solid 0.0625rem;
@@ -12147,6 +12201,8 @@ table.simple-table.sublevel tr td {
   fill: var(--react-table-header-text-color);
   border-left: 0.0625rem solid var(--react-table-header-border);
   position: absolute;
+  top: 0;
+  left: 0;
   height: 0.0625rem;
   width: 0.0625rem;
   /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
@@ -13170,13 +13226,19 @@ table.simple-table.sublevel tr td {
 .toggle {
   /* Hide native checkbox, but keep it focusable */
   position: absolute;
-  height: 0;
-  width: 0;
-  margin: 0;
+  top: 0;
+  left: 0;
+  height: 0.0625rem;
+  width: 0.0625rem;
+  /* stylelint-disable-next-line dr-custom/no-unexpected-spacing-definitions */
+  margin: -0.0625rem;
   padding: 0;
+  white-space: nowrap;
   border: 0;
+  clip: rect(0.0625rem, 0.0625rem, 0.0625rem, 0.0625rem);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
   overflow: hidden;
-  clip: rect(0 0 0 0);
   /* Represents the only visible element of toggle */
   /* Represents knob area */
   /* Represents actual knob that changes position when checked/unchecked */