Release build 10.14.0 [ci release]

Author: noisysocks

CHANGELOG.txt

@@ -1,2 +1,8 @@
-- Add video playback observer (#1721)
-- NTP: Omnibar i18n (#1827)
+- NTP Omnibar: Adjust focus ring styling and remove it when typing (#1838)
+- Use tag instead of hash to fix updating (#1816)
+- Refactor TabSwitcher to use CSS for blob and CSS grid for sizing (#1840)
+- Use rgba() for disabled text color in AiChatForm styles (#1837)
+- Grow container when focused to accomodate focus ring (#1839)
+- NTP: Omnibar suffix text (#1831)
+- NTP: Add Duck.ai toggle to Customize drawer (#1832)
+- cache the result of isAppleSilicon() (#1828)

Sources/ContentScopeScripts/dist/contentScope.js

@@ -869,6 +869,7 @@
   var globalObj = typeof window === "undefined" ? globalThis : window;
   var Error3 = globalObj.Error;
   var messageSecret;
+  var isAppleSiliconCache = null;
   var OriginalCustomEvent = typeof CustomEvent === "undefined" ? null : CustomEvent;
   var originalWindowDispatchEvent = typeof window === "undefined" ? null : window.dispatchEvent.bind(window);
   function registerMessageSecret(secret) {
@@ -1005,9 +1006,14 @@
     });
   }
   function isAppleSilicon() {
+    if (isAppleSiliconCache !== null) {
+      return isAppleSiliconCache;
+    }
     const canvas = document.createElement("canvas");
     const gl = canvas.getContext("webgl");
-    return gl.getSupportedExtensions().indexOf("WEBGL_compressed_texture_etc") !== -1;
+    const compressedTextureValue = gl?.getSupportedExtensions()?.indexOf("WEBGL_compressed_texture_etc");
+    isAppleSiliconCache = typeof compressedTextureValue === "number" && compressedTextureValue !== -1;
+    return isAppleSiliconCache;
   }
   function processAttrByCriteria(configSetting) {
     let bestOption;

Sources/ContentScopeScripts/dist/contentScopeIsolated.js

@@ -1603,6 +1603,7 @@
   var globalObj = typeof window === "undefined" ? globalThis : window;
   var Error3 = globalObj.Error;
   var messageSecret;
+  var isAppleSiliconCache = null;
   var OriginalCustomEvent = typeof CustomEvent === "undefined" ? null : CustomEvent;
   var originalWindowDispatchEvent = typeof window === "undefined" ? null : window.dispatchEvent.bind(window);
   function registerMessageSecret(secret) {
@@ -1710,9 +1711,14 @@
     });
   }
   function isAppleSilicon() {
+    if (isAppleSiliconCache !== null) {
+      return isAppleSiliconCache;
+    }
     const canvas = document.createElement("canvas");
     const gl = canvas.getContext("webgl");
-    return gl.getSupportedExtensions().indexOf("WEBGL_compressed_texture_etc") !== -1;
+    const compressedTextureValue = gl?.getSupportedExtensions()?.indexOf("WEBGL_compressed_texture_etc");
+    isAppleSiliconCache = typeof compressedTextureValue === "number" && compressedTextureValue !== -1;
+    return isAppleSiliconCache;
   }
   function processAttrByCriteria(configSetting) {
     let bestOption;

Sources/ContentScopeScripts/dist/pages/new-tab/dist/index.css

@@ -1510,13 +1510,9 @@ body:not([data-platform-name]) .Button_button:active {
   padding: 0;
   width: var(--sp-7);
 }
-.AiChatForm_submitButton svg {
-  height: var(--sp-4);
-  width: var(--sp-4);
-}
 .AiChatForm_submitButton[disabled] {
   background: none;
-  color: var(--color-black-at-30);
+  color: rgba(0, 0, 0, 0.3);
   cursor: default;
 }
 .AiChatForm_submitButton:focus-visible {
@@ -1530,7 +1526,7 @@ body:not([data-platform-name]) .Button_button:active {
 }
 .Container_inner {
   background: var(--ntp-surface-tertiary);
-  border-radius: 11px;
+  border-radius: 12px;
   box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1), 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
   margin: 0 calc(-1 * var(--sp-1));
   overflow: hidden;
@@ -1542,13 +1538,20 @@ body:not([data-platform-name]) .Button_button:active {
     transition: none;
   }
 }
-.Container_inner:focus-within {
-  border-radius: 14px;
-  box-shadow: 0 0 0 2px var(--ntp-color-primary), 0 0 0 4px rgba(57, 105, 239, 0.2);
+.Container_inner:not(:has([role=listbox])).Container_focusRing,
+.Container_inner:not(:has([role=listbox])):focus-within:not(.Container_noFocusRing) {
+  border-radius: 15px;
+  box-shadow:
+    0 0 0 1px var(--ntp-surface-tertiary),
+    0 0 0 3px var(--ntp-color-primary),
+    0 0 0 7px rgba(57, 105, 239, 0.2);
 }
 .Container_inner:has([role=listbox]) {
-  border-radius: 16px;
-  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(0, 0, 0, 0.16);
+  border-radius: 15px;
+  box-shadow:
+    0 0 0 3px var(--ntp-surface-tertiary),
+    0px 4px 12px 3px rgba(0, 0, 0, 0.10),
+    0px 20px 40px 3px rgba(0, 0, 0, 0.08);
 }
 
 /* pages/new-tab/app/omnibar/components/Omnibar.module.css */
@@ -1571,21 +1574,34 @@ body:not([data-platform-name]) .Button_button:active {
   padding: var(--sp-1);
 }
 .SearchForm_inputContainer svg {
-  height: var(--sp-4);
+  flex-shrink: 0;
   margin: var(--sp-2);
-  width: var(--sp-4);
 }
 .SearchForm_input {
   background: none;
   border: none;
   color: var(--ntp-text-normal);
-  flex: 1 0 0;
   height: var(--sp-8);
-  padding: 0;
+  left: var(--sp-1);
+  padding-bottom: 0;
+  padding-left: calc(var(--sp-2) + var(--sp-4) + var(--sp-2));
+  padding-right: var(--suffix-text-width);
+  padding-top: 0;
+  position: absolute;
+  right: var(--sp-1);
 }
 .SearchForm_input:focus {
   outline: none;
 }
+.SearchForm_suffixSpacer {
+  overflow: hidden;
+  visibility: hidden;
+  white-space: pre;
+}
+.SearchForm_suffix {
+  color: var(--ntp-color-primary);
+  flex-shrink: 0;
+}
 
 /* pages/new-tab/app/omnibar/components/SuggestionsList.module.css */
 .SuggestionsList_list {
@@ -1605,22 +1621,48 @@ body:not([data-platform-name]) .Button_button:active {
   justify-content: flex-start;
 }
 .SuggestionsList_item svg {
-  height: var(--sp-4);
+  flex-shrink: 0;
   margin: var(--sp-2);
-  width: var(--sp-4);
 }
 .SuggestionsList_item[aria-selected=true] {
   background: var(--ddg-color-primary);
   border-radius: 4px;
   color: var(--color-white);
 }
+.SuggestionsList_item[aria-selected=true] .SuggestionsList_suffix {
+  color: var(--color-white);
+}
+.SuggestionsList_title {
+  white-space: pre;
+}
+.SuggestionsList_suffix {
+  color: var(--ntp-text-muted);
+  font-size: 12px;
+}
+.SuggestionsList_badge {
+  align-items: center;
+  background: var(--ntp-controls-raised-backdrop);
+  border-radius: var(--border-radius-sm);
+  display: flex;
+  gap: 6px;
+  height: 22px;
+  margin-left: auto;
+  padding: 0px var(--sp-3);
+}
+.SuggestionsList_badge svg {
+  height: 9px;
+  margin: 0;
+  width: 9px;
+}
 
 /* pages/new-tab/app/omnibar/components/TabSwitcher.module.css */
 .TabSwitcher_tabSwitcher {
   background: var(--ntp-controls-raised-backdrop);
   border-radius: 99px;
   box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) inset;
-  display: flex;
+  display: grid;
+  grid-template-columns: repeat(var(--tab-count), 1fr);
+  overflow: hidden;
   padding: var(--sp-0_5);
   position: relative;
 }
@@ -1634,25 +1676,36 @@ body:not([data-platform-name]) .Button_button:active {
   gap: 6px;
   height: var(--sp-8);
   justify-content: center;
-  padding: 0;
-  width: 92px;
+  padding: 0 var(--sp-3);
   z-index: 1;
 }
-.TabSwitcher_tab svg {
-  height: var(--sp-4);
-  width: var(--sp-4);
-}
 .TabSwitcher_tabLabel {
   padding-top: 1px;
 }
 .TabSwitcher_blob {
+  background-color: var(--color-white);
+  border-radius: 18px;
+  box-shadow:
+    0 4px 4px rgba(0, 0, 0, 0.08),
+    0 1px 2px rgba(0, 0, 0, 0.08),
+    inset 0 1px 0 rgba(255, 255, 255, 0.48);
   color: var(--ntp-controls-raised-fill-primary);
+  height: var(--sp-8);
   left: 0;
   position: absolute;
-  top: 0;
+  top: 2px;
   transition: translate 200ms ease;
+  translate: calc(2px + var(--tab-index) * 100%);
+  width: calc((100% - 4px) / var(--tab-count));
   will-change: translate;
 }
+[data-theme=dark] .TabSwitcher_blob {
+  background-color: #6B6B6B;
+  box-shadow:
+    0 4px 4px rgba(0, 0, 0, 0.24),
+    0 1px 2px rgba(0, 0, 0, 0.24),
+    inset 0 1px 0 rgba(255, 255, 255, 0.06);
+}
 @media (prefers-reduced-motion: reduce) {
   .TabSwitcher_blob {
     transition: none;
@@ -2560,6 +2613,7 @@ body:not([data-platform-name]) .Button_button:active {
   align-items: center;
   text-decoration: none;
   color: var(--ntp-color-primary);
+  margin-bottom: var(--sp-3);
 }
 .CustomizerDrawerInner_settingsLink:focus {
   outline: none;