@sveltia/ui 0.72.1 → 0.73.0

package/dist/components/util/app-shell.svelte

@@ -152,8 +152,11 @@
     var(--sui-success-color-hue) var(--sui-alert-background-color-saturation)
       var(--sui-alert-background-color-lightness)
   );
+  --sui-disabled-opacity: 0.35;
+  --sui-modal-border-width: 0;
   --sui-focus-ring-width: 2px;
-  --sui-focus-ring-color: var(--sui-primary-accent-color-translucent);
+  --sui-focus-ring-color: var(--sui-primary-accent-color);
+  --sui-focus-ring-offset: 1px;
   --sui-primary-border-color: hsl(var(--sui-border-color-2-hsl));
   --sui-secondary-border-color: hsl(var(--sui-border-color-3-hsl));
   --sui-error-border-color: hsl(
@@ -241,6 +244,7 @@
   --sui-tree-foreground-color: var(--sui-control-foreground-color);
   --sui-tree-background-color: hsl(var(--sui-background-color-1-hsl));
   --sui-tree-item-border-radius: var(--sui-control-medium-border-radius);
+  --sui-tree-item-padding: var(--sui-option-padding);
   --sui-tree-item-height: var(--sui-control-medium-height);
   --sui-tree-item-indent: 16px;
   --sui-textbox-border-radius: var(--sui-control-medium-border-radius);
@@ -428,6 +432,280 @@
     --sui-alert-border-color-lightness: 38%;
   }
 }
+:global(:root[data-contrast=more][data-theme=light]),
+:global(:host[data-contrast=more][data-theme=light]) {
+  --sui-foreground-color-2-hsl: var(--sui-base-hue) 5% 10%;
+  --sui-foreground-color-3-hsl: var(--sui-base-hue) 5% 18%;
+  --sui-foreground-color-4-hsl: var(--sui-base-hue) 5% 28%;
+  --sui-foreground-color-5-hsl: var(--sui-base-hue) 5% 45%;
+  --sui-background-color-3-hsl: var(--sui-base-hue) 5% 93%;
+  --sui-background-color-4-hsl: var(--sui-base-hue) 5% 88%;
+  --sui-background-color-5-hsl: var(--sui-base-hue) 5% 70%;
+  --sui-border-color-1-hsl: var(--sui-base-hue) 5% 40%;
+  --sui-border-color-2-hsl: var(--sui-base-hue) 5% 55%;
+  --sui-border-color-3-hsl: var(--sui-base-hue) 5% 65%;
+  --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 80% 32%);
+  --sui-primary-accent-color-light: hsl(var(--sui-base-hue) 80% 37%);
+  --sui-primary-accent-color: hsl(var(--sui-base-hue) 80% 32%);
+  --sui-primary-accent-color-dark: hsl(var(--sui-base-hue) 80% 26%);
+  --sui-alert-foreground-color-lightness: 18%;
+  --sui-alert-border-color-saturation: 55%;
+  --sui-alert-border-color-lightness: 40%;
+  --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+  --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+  --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+  --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+  --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+  --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+  --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+  --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+  --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+  --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+  --sui-textbox-placeholder-opacity: 1;
+  --sui-disabled-opacity: 0.6;
+  --sui-modal-border-width: 1px;
+}
+:global(:root[data-contrast=more][data-theme=dark]),
+:global(:host[data-contrast=more][data-theme=dark]) {
+  --sui-foreground-color-2-hsl: var(--sui-base-hue) 10% 92%;
+  --sui-foreground-color-3-hsl: var(--sui-base-hue) 10% 85%;
+  --sui-foreground-color-4-hsl: var(--sui-base-hue) 10% 75%;
+  --sui-foreground-color-5-hsl: var(--sui-base-hue) 10% 55%;
+  --sui-background-color-1-hsl: var(--sui-base-hue) 10% 4%;
+  --sui-background-color-2-hsl: var(--sui-base-hue) 10% 7%;
+  --sui-background-color-3-hsl: var(--sui-base-hue) 10% 12%;
+  --sui-background-color-4-hsl: var(--sui-base-hue) 10% 18%;
+  --sui-background-color-5-hsl: var(--sui-base-hue) 10% 40%;
+  --sui-border-color-1-hsl: var(--sui-base-hue) 10% 60%;
+  --sui-border-color-2-hsl: var(--sui-base-hue) 10% 50%;
+  --sui-border-color-3-hsl: var(--sui-base-hue) 10% 40%;
+  --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 100% 70%);
+  --sui-focus-ring-color: var(--sui-primary-accent-color-text);
+  --sui-alert-foreground-color-lightness: 85%;
+  --sui-alert-border-color-saturation: 55%;
+  --sui-alert-border-color-lightness: 55%;
+  --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+  --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+  --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+  --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+  --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+  --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+  --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+  --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+  --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+  --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+  --sui-textbox-placeholder-opacity: 1;
+  --sui-disabled-opacity: 0.6;
+  --sui-modal-border-width: 1px;
+}
+@media (prefers-color-scheme: light) {
+  :global(:root[data-contrast=more]:not([data-theme])),
+  :global(:host[data-contrast=more]:not([data-theme])) {
+    --sui-foreground-color-2-hsl: var(--sui-base-hue) 5% 10%;
+    --sui-foreground-color-3-hsl: var(--sui-base-hue) 5% 18%;
+    --sui-foreground-color-4-hsl: var(--sui-base-hue) 5% 28%;
+    --sui-foreground-color-5-hsl: var(--sui-base-hue) 5% 45%;
+    --sui-background-color-3-hsl: var(--sui-base-hue) 5% 93%;
+    --sui-background-color-4-hsl: var(--sui-base-hue) 5% 88%;
+    --sui-background-color-5-hsl: var(--sui-base-hue) 5% 70%;
+    --sui-border-color-1-hsl: var(--sui-base-hue) 5% 40%;
+    --sui-border-color-2-hsl: var(--sui-base-hue) 5% 55%;
+    --sui-border-color-3-hsl: var(--sui-base-hue) 5% 65%;
+    --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 80% 32%);
+    --sui-primary-accent-color-light: hsl(var(--sui-base-hue) 80% 37%);
+    --sui-primary-accent-color: hsl(var(--sui-base-hue) 80% 32%);
+    --sui-primary-accent-color-dark: hsl(var(--sui-base-hue) 80% 26%);
+    --sui-alert-foreground-color-lightness: 18%;
+    --sui-alert-border-color-saturation: 55%;
+    --sui-alert-border-color-lightness: 40%;
+    --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+    --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+    --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+    --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+    --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+    --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+    --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+    --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+    --sui-textbox-placeholder-opacity: 1;
+    --sui-disabled-opacity: 0.6;
+    --sui-modal-border-width: 1px;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  :global(:root[data-contrast=more]:not([data-theme])),
+  :global(:host[data-contrast=more]:not([data-theme])) {
+    --sui-foreground-color-2-hsl: var(--sui-base-hue) 10% 92%;
+    --sui-foreground-color-3-hsl: var(--sui-base-hue) 10% 85%;
+    --sui-foreground-color-4-hsl: var(--sui-base-hue) 10% 75%;
+    --sui-foreground-color-5-hsl: var(--sui-base-hue) 10% 55%;
+    --sui-background-color-1-hsl: var(--sui-base-hue) 10% 4%;
+    --sui-background-color-2-hsl: var(--sui-base-hue) 10% 7%;
+    --sui-background-color-3-hsl: var(--sui-base-hue) 10% 12%;
+    --sui-background-color-4-hsl: var(--sui-base-hue) 10% 18%;
+    --sui-background-color-5-hsl: var(--sui-base-hue) 10% 40%;
+    --sui-border-color-1-hsl: var(--sui-base-hue) 10% 60%;
+    --sui-border-color-2-hsl: var(--sui-base-hue) 10% 50%;
+    --sui-border-color-3-hsl: var(--sui-base-hue) 10% 40%;
+    --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 100% 70%);
+    --sui-focus-ring-color: var(--sui-primary-accent-color-text);
+    --sui-alert-foreground-color-lightness: 85%;
+    --sui-alert-border-color-saturation: 55%;
+    --sui-alert-border-color-lightness: 55%;
+    --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+    --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+    --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+    --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+    --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+    --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+    --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+    --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+    --sui-textbox-placeholder-opacity: 1;
+    --sui-disabled-opacity: 0.6;
+    --sui-modal-border-width: 1px;
+  }
+}
+@media (prefers-contrast: more) {
+  :global(:root:not([data-contrast])[data-theme=light]),
+  :global(:host:not([data-contrast])[data-theme=light]) {
+    --sui-foreground-color-2-hsl: var(--sui-base-hue) 5% 10%;
+    --sui-foreground-color-3-hsl: var(--sui-base-hue) 5% 18%;
+    --sui-foreground-color-4-hsl: var(--sui-base-hue) 5% 28%;
+    --sui-foreground-color-5-hsl: var(--sui-base-hue) 5% 45%;
+    --sui-background-color-3-hsl: var(--sui-base-hue) 5% 93%;
+    --sui-background-color-4-hsl: var(--sui-base-hue) 5% 88%;
+    --sui-background-color-5-hsl: var(--sui-base-hue) 5% 70%;
+    --sui-border-color-1-hsl: var(--sui-base-hue) 5% 40%;
+    --sui-border-color-2-hsl: var(--sui-base-hue) 5% 55%;
+    --sui-border-color-3-hsl: var(--sui-base-hue) 5% 65%;
+    --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 80% 32%);
+    --sui-primary-accent-color-light: hsl(var(--sui-base-hue) 80% 37%);
+    --sui-primary-accent-color: hsl(var(--sui-base-hue) 80% 32%);
+    --sui-primary-accent-color-dark: hsl(var(--sui-base-hue) 80% 26%);
+    --sui-alert-foreground-color-lightness: 18%;
+    --sui-alert-border-color-saturation: 55%;
+    --sui-alert-border-color-lightness: 40%;
+    --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+    --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+    --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+    --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+    --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+    --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+    --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+    --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+    --sui-textbox-placeholder-opacity: 1;
+    --sui-disabled-opacity: 0.6;
+    --sui-modal-border-width: 1px;
+  }
+  :global(:root:not([data-contrast])[data-theme=dark]),
+  :global(:host:not([data-contrast])[data-theme=dark]) {
+    --sui-foreground-color-2-hsl: var(--sui-base-hue) 10% 92%;
+    --sui-foreground-color-3-hsl: var(--sui-base-hue) 10% 85%;
+    --sui-foreground-color-4-hsl: var(--sui-base-hue) 10% 75%;
+    --sui-foreground-color-5-hsl: var(--sui-base-hue) 10% 55%;
+    --sui-background-color-1-hsl: var(--sui-base-hue) 10% 4%;
+    --sui-background-color-2-hsl: var(--sui-base-hue) 10% 7%;
+    --sui-background-color-3-hsl: var(--sui-base-hue) 10% 12%;
+    --sui-background-color-4-hsl: var(--sui-base-hue) 10% 18%;
+    --sui-background-color-5-hsl: var(--sui-base-hue) 10% 40%;
+    --sui-border-color-1-hsl: var(--sui-base-hue) 10% 60%;
+    --sui-border-color-2-hsl: var(--sui-base-hue) 10% 50%;
+    --sui-border-color-3-hsl: var(--sui-base-hue) 10% 40%;
+    --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 100% 70%);
+    --sui-focus-ring-color: var(--sui-primary-accent-color-text);
+    --sui-alert-foreground-color-lightness: 85%;
+    --sui-alert-border-color-saturation: 55%;
+    --sui-alert-border-color-lightness: 55%;
+    --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+    --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+    --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+    --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+    --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+    --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+    --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+    --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+    --sui-textbox-placeholder-opacity: 1;
+    --sui-disabled-opacity: 0.6;
+    --sui-modal-border-width: 1px;
+  }
+}
+@media (prefers-contrast: more) and (prefers-color-scheme: light) {
+  :global(:root:not([data-contrast]):not([data-theme])),
+  :global(:host:not([data-contrast]):not([data-theme])) {
+    --sui-foreground-color-2-hsl: var(--sui-base-hue) 5% 10%;
+    --sui-foreground-color-3-hsl: var(--sui-base-hue) 5% 18%;
+    --sui-foreground-color-4-hsl: var(--sui-base-hue) 5% 28%;
+    --sui-foreground-color-5-hsl: var(--sui-base-hue) 5% 45%;
+    --sui-background-color-3-hsl: var(--sui-base-hue) 5% 93%;
+    --sui-background-color-4-hsl: var(--sui-base-hue) 5% 88%;
+    --sui-background-color-5-hsl: var(--sui-base-hue) 5% 70%;
+    --sui-border-color-1-hsl: var(--sui-base-hue) 5% 40%;
+    --sui-border-color-2-hsl: var(--sui-base-hue) 5% 55%;
+    --sui-border-color-3-hsl: var(--sui-base-hue) 5% 65%;
+    --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 80% 32%);
+    --sui-primary-accent-color-light: hsl(var(--sui-base-hue) 80% 37%);
+    --sui-primary-accent-color: hsl(var(--sui-base-hue) 80% 32%);
+    --sui-primary-accent-color-dark: hsl(var(--sui-base-hue) 80% 26%);
+    --sui-alert-foreground-color-lightness: 18%;
+    --sui-alert-border-color-saturation: 55%;
+    --sui-alert-border-color-lightness: 40%;
+    --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+    --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+    --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+    --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+    --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+    --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+    --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+    --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+    --sui-textbox-placeholder-opacity: 1;
+    --sui-disabled-opacity: 0.6;
+    --sui-modal-border-width: 1px;
+  }
+}
+@media (prefers-contrast: more) and (prefers-color-scheme: dark) {
+  :global(:root:not([data-contrast]):not([data-theme])),
+  :global(:host:not([data-contrast]):not([data-theme])) {
+    --sui-foreground-color-2-hsl: var(--sui-base-hue) 10% 92%;
+    --sui-foreground-color-3-hsl: var(--sui-base-hue) 10% 85%;
+    --sui-foreground-color-4-hsl: var(--sui-base-hue) 10% 75%;
+    --sui-foreground-color-5-hsl: var(--sui-base-hue) 10% 55%;
+    --sui-background-color-1-hsl: var(--sui-base-hue) 10% 4%;
+    --sui-background-color-2-hsl: var(--sui-base-hue) 10% 7%;
+    --sui-background-color-3-hsl: var(--sui-base-hue) 10% 12%;
+    --sui-background-color-4-hsl: var(--sui-base-hue) 10% 18%;
+    --sui-background-color-5-hsl: var(--sui-base-hue) 10% 40%;
+    --sui-border-color-1-hsl: var(--sui-base-hue) 10% 60%;
+    --sui-border-color-2-hsl: var(--sui-base-hue) 10% 50%;
+    --sui-border-color-3-hsl: var(--sui-base-hue) 10% 40%;
+    --sui-primary-accent-color-text: hsl(var(--sui-base-hue) 100% 70%);
+    --sui-focus-ring-color: var(--sui-primary-accent-color-text);
+    --sui-alert-foreground-color-lightness: 85%;
+    --sui-alert-border-color-saturation: 55%;
+    --sui-alert-border-color-lightness: 55%;
+    --sui-hover-background-color: hsl(var(--sui-background-color-5-hsl) / 60%);
+    --sui-selected-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-active-background-color: hsl(var(--sui-background-color-5-hsl));
+    --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl));
+    --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl));
+    --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl));
+    --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 70%);
+    --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 60%);
+    --sui-textbox-border-color: hsl(var(--sui-border-color-1-hsl));
+    --sui-textbox-placeholder-foreground-color: var(--sui-tertiary-foreground-color);
+    --sui-textbox-placeholder-opacity: 1;
+    --sui-disabled-opacity: 0.6;
+    --sui-modal-border-width: 1px;
+  }
+}
 
 :global(.material-symbols-outlined) {
   font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 24;
@@ -467,6 +745,7 @@
 }
 :global(:focus-visible) {
   outline-color: var(--sui-focus-ring-color);
+  outline-offset: var(--sui-focus-ring-offset, 0);
   z-index: 2;
 }
 :global(h1) {
@@ -560,22 +839,28 @@
   border-inline-start: 4px solid var(--sui-textbox-border-color);
   padding-inline-start: 12px;
 }
-:global(:is(.disabled, .readonly, [aria-disabled=true], [aria-readonly=true], [inert]):not(body)) {
+:global(:is(.disabled, [aria-disabled=true], [inert]):not(body)) {
   cursor: default;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
-  filter: grayscale(1) opacity(0.35);
+  filter: grayscale(1) opacity(var(--sui-disabled-opacity, 0.35));
 }
-:global(:is(.disabled, .readonly, [aria-disabled=true], [aria-readonly=true], [inert]):not(body)) :global(*) {
+:global(:is(.disabled, [aria-disabled=true], [inert]):not(body)) :global(*) {
   filter: grayscale(0) opacity(1);
 }
-:global(:is(.disabled, .readonly, [aria-disabled=true], [aria-readonly=true], [inert])) :global(*) {
+:global(:is(.disabled, [aria-disabled=true], [inert])) :global(*) {
   cursor: default;
   pointer-events: none;
   -webkit-user-select: none;
   user-select: none;
 }
+:global(:is(.readonly, [aria-readonly=true]):not(body)) {
+  cursor: default;
+}
+:global(:is(.readonly, [aria-readonly=true]):not(body)) :global(*) {
+  cursor: default;
+}
 
 .font-loader {
   position: absolute;

package/dist/components/util/popup.svelte

@@ -239,7 +239,7 @@
 .content.menu {
   border-width: var(--sui-menu-border-width, 1px);
   border-style: var(--sui-menu-border-style, solid);
-  border-color: var(--sui-menu-border-width, var(--sui-secondary-border-color));
+  border-color: var(--sui-menu-border-color, var(--sui-secondary-border-color));
   border-radius: var(--sui-menu-border-radius, 4px);
   padding: var(--sui-menu-padding, 4px);
 }

package/dist/locales/ar.yaml

@@ -18,6 +18,26 @@ expand: توسيع
 # Infobar/toast dismiss button label
 dismiss: تجاهل
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: خطأ
+  warning: تحذير
+  info: معلومات
+  success: نجاح
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: قسم قابل للطي
+  option_group: مجموعة خيارات
+  menu_item_group: مجموعة عناصر قائمة
+  checkbox_group: مجموعة خانات اختيار
+  table_head: رأس الجدول
+  table_body: جسم الجدول
+  table_foot: تذييل الجدول
+  grid_head: رأس الشبكة
+  grid_body: جسم الشبكة
+  grid_foot: تذييل الشبكة
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: اقتراحات الرموز التعبيرية
 

package/dist/locales/bg.yaml

@@ -18,6 +18,26 @@ expand: Разгъни
 # Infobar/toast dismiss button label
 dismiss: Отхвърли
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Грешка
+  warning: Предупреждение
+  info: Информация
+  success: Успех
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: разгъващ се раздел
+  option_group: група опции
+  menu_item_group: група елементи от меню
+  checkbox_group: група квадратчета за отметка
+  table_head: заглавна част на таблица
+  table_body: основна част на таблица
+  table_foot: долна част на таблица
+  grid_head: заглавна част на мрежа
+  grid_body: основна част на мрежа
+  grid_foot: долна част на мрежа
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Предложения за емоджи
 

package/dist/locales/ca.yaml

@@ -18,6 +18,26 @@ expand: Desplega
 # Infobar/toast dismiss button label
 dismiss: Descarta
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Error
+  warning: Advertència
+  info: Informació
+  success: Èxit
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: secció desplegable
+  option_group: grup d’opcions
+  menu_item_group: grup d’elements de menú
+  checkbox_group: grup de caselles de selecció
+  table_head: capçalera de taula
+  table_body: cos de taula
+  table_foot: peu de taula
+  grid_head: capçalera de graella
+  grid_body: cos de graella
+  grid_foot: peu de graella
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Suggeriments d’emoji
 

package/dist/locales/cs.yaml

@@ -18,6 +18,26 @@ expand: Rozbalit
 # Infobar/toast dismiss button label
 dismiss: Zavřít
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Chyba
+  warning: Upozornění
+  info: Informace
+  success: Úspěch
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: rozbalovací sekce
+  option_group: skupina možností
+  menu_item_group: skupina položek nabídky
+  checkbox_group: skupina zaškrtávacích políček
+  table_head: záhlaví tabulky
+  table_body: tělo tabulky
+  table_foot: zápatí tabulky
+  grid_head: záhlaví mřížky
+  grid_body: tělo mřížky
+  grid_foot: zápatí mřížky
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Návrhy emodži
 

package/dist/locales/da.yaml

@@ -18,6 +18,26 @@ expand: Fold ud
 # Infobar/toast dismiss button label
 dismiss: Afvis
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Fejl
+  warning: Advarsel
+  info: Information
+  success: Succes
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: udvidelig sektion
+  option_group: gruppe af valgmuligheder
+  menu_item_group: gruppe af menupunkter
+  checkbox_group: gruppe af afkrydsningsfelter
+  table_head: tabelhoved
+  table_body: tabelindhold
+  table_foot: tabelfod
+  grid_head: gitterhoved
+  grid_body: gitterindhold
+  grid_foot: gitterfod
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Emojiforslag
 

package/dist/locales/de.yaml

@@ -18,6 +18,26 @@ expand: Aufklappen
 # Infobar/toast dismiss button label
 dismiss: Ausblenden
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Fehler
+  warning: Warnung
+  info: Information
+  success: Erfolg
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: ausklappbarer Bereich
+  option_group: Optionsgruppe
+  menu_item_group: Menüeintragsgruppe
+  checkbox_group: Kontrollkästchengruppe
+  table_head: Tabellenkopf
+  table_body: Tabellenkörper
+  table_foot: Tabellenfuß
+  grid_head: Rasterkopf
+  grid_body: Rasterkörper
+  grid_foot: Rasterfuß
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Emoji-Vorschläge
 

package/dist/locales/el.yaml

@@ -18,6 +18,26 @@ expand: Ανάπτυξη
 # Infobar/toast dismiss button label
 dismiss: Παράβλεψη
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Σφάλμα
+  warning: Προειδοποίηση
+  info: Πληροφορίες
+  success: Επιτυχία
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: αναπτυσσόμενη ενότητα
+  option_group: ομάδα επιλογών
+  menu_item_group: ομάδα στοιχείων μενού
+  checkbox_group: ομάδα πλαισίων ελέγχου
+  table_head: κεφαλίδα πίνακα
+  table_body: σώμα πίνακα
+  table_foot: υποσέλιδο πίνακα
+  grid_head: κεφαλίδα πλέγματος
+  grid_body: σώμα πλέγματος
+  grid_foot: υποσέλιδο πλέγματος
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Προτάσεις emoji
 

package/dist/locales/en-CA.yaml

@@ -18,6 +18,26 @@ expand: Expand
 # Infobar/toast dismiss button label
 dismiss: Dismiss
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Error
+  warning: Warning
+  info: Information
+  success: Success
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: disclosure
+  option_group: option group
+  menu_item_group: menu item group
+  checkbox_group: checkbox group
+  table_head: table head
+  table_body: table body
+  table_foot: table foot
+  grid_head: grid head
+  grid_body: grid body
+  grid_foot: grid foot
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Emoji Suggestions
 

package/dist/locales/en-GB.yaml

@@ -18,6 +18,26 @@ expand: Expand
 # Infobar/toast dismiss button label
 dismiss: Dismiss
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Error
+  warning: Warning
+  info: Information
+  success: Success
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: disclosure
+  option_group: option group
+  menu_item_group: menu item group
+  checkbox_group: checkbox group
+  table_head: table head
+  table_body: table body
+  table_foot: table foot
+  grid_head: grid head
+  grid_body: grid body
+  grid_foot: grid foot
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Emoji Suggestions
 

package/dist/locales/en-US.yaml

@@ -18,6 +18,26 @@ expand: Expand
 # Infobar/toast dismiss button label
 dismiss: Dismiss
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Error
+  warning: Warning
+  info: Information
+  success: Success
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: disclosure
+  option_group: option group
+  menu_item_group: menu item group
+  checkbox_group: checkbox group
+  table_head: table head
+  table_body: table body
+  table_foot: table foot
+  grid_head: grid head
+  grid_body: grid body
+  grid_foot: grid foot
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Emoji Suggestions
 

package/dist/locales/es-CO.yaml

@@ -18,6 +18,26 @@ expand: Expandir
 # Infobar/toast dismiss button label
 dismiss: Descartar
 
+# Alert & infobar status, read out by screen readers before the message (visually hidden)
+alert:
+  error: Error
+  warning: Advertencia
+  info: Información
+  success: Éxito
+
+# Role descriptions, read out by screen readers in place of the generic “group” role
+role_descriptions:
+  disclosure: sección desplegable
+  option_group: grupo de opciones
+  menu_item_group: grupo de elementos de menú
+  checkbox_group: grupo de casillas de verificación
+  table_head: encabezado de tabla
+  table_body: cuerpo de tabla
+  table_foot: pie de tabla
+  grid_head: encabezado de cuadrícula
+  grid_body: cuerpo de cuadrícula
+  grid_foot: pie de cuadrícula
+
 # Emoji suggestion listbox aria-label, shared by the text fields and the text editor
 emoji_suggestions: Sugerencias de emojis