Release build 9.1.0 [ci release]

Author: shakyShane

CHANGELOG.txt

@@ -1,2 +1,5 @@
-- ci: fix release process by including an empty entry point (#1704)
-- ntp: protections widget (#1685)
+- history: support some customizer styles (#1698)
+- build(deps-dev): bump the typescript group with 3 updates (#1714)
+- build(deps-dev): bump typescript-eslint from 8.32.1 to 8.33.0 (#1710)
+- Release Notes: UI updates for Mac + Windows, add “loadingError” state for Windows (#1672)
+- History View: Add scrollbar to Sidebar (#1689)

Sources/ContentScopeScripts/dist/pages/history/dist/index.css

@@ -110,6 +110,10 @@
   --theme-text-primary-color: var(--color-black-at-84);
   --theme-text-secondary-color: var(--color-black-at-60);
   --theme-text-link-color: var(--ddg-color-primary);
+  --border-radius-lg: 12px;
+  --border-radius-md: 8px;
+  --border-radius-sm: 6px;
+  --border-radius-xs: 4px;
   --macos-text-primary: var(--color-black-at-84);
   --ios-content-max-width: calc(794 * var(--px-in-rem));
 }
@@ -311,6 +315,7 @@ body {
 .App_aside {
   grid-area: aside;
   padding: 10px 16px;
+  padding-right: 0;
   border-right: 1px solid var(--history-surface-border-color);
 }
 .App_main {
@@ -325,25 +330,26 @@ body {
   padding-right: calc(var(--main-padding-right) - var(--scrollbar-width));
 }
 [data-platform=windows] .App_customScroller {
+  overflow-y: auto;
   scrollbar-gutter: stable;
   scrollbar-width: var(--scrollbar-width);
   scrollbar-color: var(--history-scrollbar-controls-color) var(--history-background-color);
 }
-[data-platform=macos] .App_customScroller {
+:is([data-platform=integration], [data-platform=macos]) .App_customScroller {
   --webkit-thumb-color: rgba(136, 136, 136, 0.8);
 }
-[data-platform=macos] .App_customScroller::-webkit-scrollbar {
+:is([data-platform=integration], [data-platform=macos]) .App_customScroller::-webkit-scrollbar {
   width: var(--scrollbar-width);
 }
-[data-platform=macos] .App_customScroller::-webkit-scrollbar-track {
+:is([data-platform=integration], [data-platform=macos]) .App_customScroller::-webkit-scrollbar-track {
   background-color: var(--history-background-color);
 }
-[data-platform=macos] .App_customScroller::-webkit-scrollbar-thumb {
+:is([data-platform=integration], [data-platform=macos]) .App_customScroller::-webkit-scrollbar-thumb {
   background-color: var(--webkit-thumb-color);
   border-radius: calc(var(--scrollbar-width) / 2);
   border: 4px solid var(--history-background-color);
 }
-[data-platform=macos] .App_customScroller::-webkit-scrollbar-button {
+:is([data-platform=integration], [data-platform=macos]) .App_customScroller::-webkit-scrollbar-button {
   display: block;
   background-color: var(--history-background-color);
   height: 2px;
@@ -689,6 +695,7 @@ body {
 .Sidebar_stack {
   display: flex;
   flex-direction: column;
+  height: 100%;
   gap: 24px;
 }
 .Sidebar_stack > * {
@@ -702,6 +709,7 @@ body {
   padding: 10px 6px 10px 10px;
 }
 .Sidebar_nav {
+  padding-right: 0;
 }
 .Sidebar_item {
   position: relative;

Sources/ContentScopeScripts/dist/pages/history/dist/index.js

@@ -4362,7 +4362,7 @@
     function onDelete(range) {
       historyServiceDispatch({ kind: "delete-range", value: range });
     }
-    return /* @__PURE__ */ _("div", { class: Sidebar_default.stack }, /* @__PURE__ */ _("h1", { class: Sidebar_default.pageTitle }, t4("page_title")), /* @__PURE__ */ _("nav", { class: Sidebar_default.nav }, ranges.value.map((range) => {
+    return /* @__PURE__ */ _("div", { class: Sidebar_default.stack }, /* @__PURE__ */ _("h1", { class: Sidebar_default.pageTitle }, t4("page_title")), /* @__PURE__ */ _("nav", { class: (0, import_classnames4.default)(Sidebar_default.nav, App_default.customScroller) }, ranges.value.map((range) => {
       return /* @__PURE__ */ _(Item3, { key: range.id, onClick, onDelete, current, range: range.id, count: range.count });
     })));
   }
@@ -4916,7 +4916,7 @@
     const didCatchInit = (message) => {
       messaging2.reportInitException({ message });
     };
-    applyDefaultStyles(init2.defaultStyles);
+    applyDefaultStyles(init2.customizer?.defaultStyles);
     const strings = await getStrings(environment);
     const service = new HistoryService(messaging2);
     const query = paramsToQuery(environment.urlParams, "initial");

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

@@ -110,6 +110,10 @@
   --theme-text-primary-color: var(--color-black-at-84);
   --theme-text-secondary-color: var(--color-black-at-60);
   --theme-text-link-color: var(--ddg-color-primary);
+  --border-radius-lg: 12px;
+  --border-radius-md: 8px;
+  --border-radius-sm: 6px;
+  --border-radius-xs: 4px;
   --macos-text-primary: var(--color-black-at-84);
   --ios-content-max-width: calc(794 * var(--px-in-rem));
 }
@@ -843,19 +847,28 @@ body[data-animate-background=true] {
   opacity: var(--button-opacity);
   padding: 0 var(--sp-3);
 }
-[data-platform-name=macos] .Button_button:active {
-  background: var(--button-bg--active, var(--button-bg));
-  box-shadow: var(--button-shadow--active, var(--button-shadow));
-  color: var(--button-text--active, var(--button-text));
-  opacity: var(--button-opacity--active, var(--button-opacity));
+[data-platform-name=macos] .Button_button.Button_lg {
+  height: var(--sp-7);
+  border-radius: calc(6 * var(--px-in-rem));
+}
+[data-platform-name=macos] .Button_button.Button_xl {
+  height: var(--sp-8);
+  border-radius: calc(6 * var(--px-in-rem));
 }
 [data-platform-name=macos] .Button_button:disabled {
   background: var(--button-bg--disabled, var(--button-bg));
   box-shadow: var(--button-shadow--disabled, var(--button-shadow));
   color: var(--button-text--disabled, var(--button-text));
   opacity: var(--button-opacity--disabled, var(--button-opacity));
 }
-[data-platform-name=macos] .Button_button:focus {
+[data-platform-name=macos] .Button_button:disabled:hover {
+  background: var(--button-bg--disabled, var(--button-bg));
+  box-shadow: var(--button-shadow--disabled, var(--button-shadow));
+  color: var(--button-text--disabled, var(--button-text));
+  opacity: var(--button-opacity--disabled, var(--button-opacity));
+}
+[data-platform-name=macos] .Button_button:focus,
+[data-platform-name=macos] .Button_button:focus-visible {
   background: var(--button-bg--focus, var(--button-bg));
   box-shadow: var(--button-shadow--focus, var(--button-shadow));
   color: var(--button-text--focus, var(--button-text));
@@ -867,6 +880,12 @@ body[data-animate-background=true] {
   color: var(--button-text--hover, var(--button-text));
   opacity: var(--button-opacity--hover, var(--button-opacity));
 }
+[data-platform-name=macos] .Button_button:active {
+  background: var(--button-bg--active, var(--button-bg));
+  box-shadow: var(--button-shadow--active, var(--button-shadow));
+  color: var(--button-text--active, var(--button-text));
+  opacity: var(--button-opacity--active, var(--button-opacity));
+}
 [data-platform-name=ios] .Button_button {
   border-radius: var(--sp-2);
   border: 0;
@@ -926,38 +945,69 @@ body:not([data-platform-name]) .Button_button:active {
     #1743d1;
 }
 [data-platform-name=macos] {
-  --macos-control-standard-background-rest: #fff;
+  --macos-control-focused-shadow:
+    0 0 0 3px rgba(57, 105, 239, 0.55),
+    0 0 0 1px rgba(57, 105, 239, 0.55) inset,
+    0 0 1px 0 rgba(0, 0, 0, 0.05),
+    0 1px 1px 0 rgba(0, 0, 0, 0.1);
+  --macos-control-standard-background-rest: var(--color-white);
   --macos-control-standard-background-rest--dark: rgba(255, 255, 255, 0.28);
   --macos-control-standard-background-pressed: #e7e7e7;
+  --macos-control-standard-shadow:
+    0 1px 0 0 rgba(255, 255, 255, 0.2) inset,
+    0 1px 0 0 rgba(255, 255, 255, 0.05) inset,
+    0 0 0 1px rgba(0, 0, 0, 0.1),
+    0 0 1px 0 rgba(0, 0, 0, 0.05),
+    0 1px 1px 0 rgba(0, 0, 0, 0.2);
   --macos-control-accent-branded-background-rest:
     linear-gradient(
       0deg,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0.16) 100%),
-    #2749db;
+    #2749DB;
   --macos-control-accent-branded-background-pressed:
     linear-gradient(
       0deg,
       rgba(255, 255, 255, 0) 0%,
       rgba(255, 255, 255, 0.16) 100%),
-    #1743d1;
-  --macos-control-standard-shadow:
-    0 1px 0 0 rgba(255, 255, 255, 0.2) inset,
-    0 1px 0 0 rgba(255, 255, 255, 0.05) inset,
-    0 0 0 1px rgba(0, 0, 0, 0.1),
-    0 0 1px 0 rgba(0, 0, 0, 0.05),
-    0 1px 1px 0 rgba(0, 0, 0, 0.2);
-  --macos-control-accent-shadow:
+    #2140C0;
+  --macos-control-accent-branded-background-hover:
+    linear-gradient(
+      0deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0.16) 100%),
+    #2749DB;
+  --macos-control-accent-branded-background-disabled: var(--color-white);
+  --macos-control-accent-branded-background-focus:
+    linear-gradient(
+      0deg,
+      rgba(255, 255, 255, 0.00) 0%,
+      rgba(255, 255, 255, 0.16) 100%),
+    #2749DB;
+  --macos-control-accent-branded-shadow-rest:
     0 1px 0 0 rgba(255, 255, 255, 0) inset,
     0 1px 0 0 rgba(255, 255, 255, 0) inset,
     0 0 0 1px rgba(0, 122, 255, 0.05),
     0 0 1px 0 rgba(0, 122, 255, 0.05),
     0 1px 1px 0 rgba(0, 122, 255, 0.1);
-  --macos-control-focused-shadow:
-    0 0 0 3px rgba(57, 105, 239, 0.55),
-    0 0 0 1px rgba(57, 105, 239, 0.55) inset,
-    0 0 1px 0 rgba(0, 0, 0, 0.05),
-    0 1px 1px 0 rgba(0, 0, 0, 0.1);
+  --macos-control-accent-branded-shadow-pressed:
+    0px 0.5px 0px 0px rgba(255, 255, 255, 0.00) inset,
+    0px 1px 0px 0px rgba(255, 255, 255, 0.00) inset,
+    0px 0px 0px 0.5px rgba(0, 122, 255, 0.05),
+    0px 0px 1px 0px rgba(0, 122, 255, 0.05),
+    0px 1px 1px 0px rgba(0, 122, 255, 0.10);
+  --macos-control-accent-branded-shadow-hover:
+    0px 0.5px 0px 0px rgba(255, 255, 255, 0.00) inset,
+    0px 1px 0px 0px rgba(255, 255, 255, 0.00) inset,
+    0px 0px 0px 0.5px rgba(0, 122, 255, 0.05),
+    0px 0px 1px 0px rgba(0, 122, 255, 0.05),
+    0px 1px 1px 0px rgba(0, 122, 255, 0.10);
+  --macos-control-accent-branded-shadow-disabled:
+    0px 0.5px 0px 0px rgba(255, 255, 255, 0.20) inset,
+    0px 1px 0px 0px rgba(255, 255, 255, 0.05) inset,
+    0px 0px 0px 0.5px rgba(0, 0, 0, 0.10),
+    0px 0px 1px 0px rgba(0, 0, 0, 0.05),
+    0px 1px 1px 0px rgba(0, 0, 0, 0.20);
 }
 [data-platform-name=macos] .Button_button.Button_standard {
   --button-bg: var(--macos-control-standard-background-rest);
@@ -975,14 +1025,21 @@ body:not([data-platform-name]) .Button_button:active {
 [data-platform-name=macos] .Button_button.Button_accentBrand {
   --button-bg: var(--macos-control-accent-branded-background-rest);
   --button-text: var(--color-white);
-  --button-shadow: var(--macos-control-accent-shadow);
+  --button-shadow: var(--macos-control-accent-branded-shadow-rest);
   --button-opacity: 1;
   --button-bg--active: var(--macos-control-accent-branded-background-pressed);
+  --button-text--active: var(--color-white-at-80);
+  --button-shadow--active: var(--macos-control-accent-branded-shadow-pressed);
   --button-bg--disabled: var(--macos-control-standard-background-rest);
   --button-text--disabled: var(--macos-text-primary);
   --button-shadow--disabled: var(--macos-control-standard-shadow);
   --button-opacity--disabled: 0.4;
+  --button-bg--focus: var(--macos-control-accent-branded-background-focus);
+  --button-text--focus: var(--color-white);
   --button-shadow--focus: var(--macos-control-focused-shadow);
+  --button-bg--hover: var(--macos-control-accent-branded-background-hover);
+  --button-text--hover: var(--color-white);
+  --button-shadow--hover: var(--macos-control-accent-branded-shadow-hover);
 }
 [data-theme=dark] :is([data-platform-name=macos] .Button_button).Button_standard {
   --button-bg: var(--macos-control-standard-background-rest--dark);

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

@@ -6436,6 +6436,8 @@
     "shared/components/Button/Button.module.css"() {
       Button_default = {
         button: "Button_button",
+        lg: "Button_lg",
+        xl: "Button_xl",
         standard: "Button_standard",
         accent: "Button_accent",
         accentBrand: "Button_accentBrand",
@@ -6446,11 +6448,11 @@
   });
 
   // shared/components/Button/Button.js
-  function Button({ variant, className, children, onClick, type = "button" }) {
+  function Button({ variant, size = "md", className, children, onClick, type = "button" }) {
     return /* @__PURE__ */ _(
       "button",
       {
-        className: (0, import_classnames4.default)(Button_default.button, { [Button_default[`${variant}`]]: !!variant }, className),
+        className: (0, import_classnames4.default)(Button_default.button, { [Button_default[`${variant}`]]: !!variant, [Button_default[size]]: size }, className),
         type,
         onClick: (
           /**