@sproutsocial/seeds-react-menu 1.8.6 → 1.10.0

package/.turbo/turbo-build.log

@@ -3,27 +3,27 @@ $ tsup --dts
 CLI Building entry: {"index":"src/index.ts","v2/index":"src/v2/index.ts"}
 CLI Using tsconfig: tsconfig.json
 CLI tsup v8.5.0
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-menu/tsup.config.ts
+CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-menu/tsup.config.ts
 CLI Target: es2022
 CLI Cleaning output folder
 CJS Build start
 ESM Build start
-CJS dist/index.js        90.52 KB
-CJS dist/v2/index.js     71.79 KB
-CJS dist/index.js.map    176.37 KB
-CJS dist/v2/index.js.map 149.19 KB
-CJS ⚡️ Build success in 403ms
-ESM dist/esm/index.js              71.41 KB
-ESM dist/esm/v2/index.js           61.25 KB
+CJS dist/v2/index.js     72.63 KB
+CJS dist/index.js        91.81 KB
+CJS dist/v2/index.js.map 151.20 KB
+CJS dist/index.js.map    178.88 KB
+CJS ⚡️ Build success in 67ms
+ESM dist/esm/index.js              72.69 KB
 ESM dist/esm/chunk-ROQATIB7.js     9.15 KB
-ESM dist/esm/index.js.map          152.38 KB
-ESM dist/esm/v2/index.js.map       129.54 KB
+ESM dist/esm/v2/index.js           62.08 KB
+ESM dist/esm/index.js.map          154.90 KB
 ESM dist/esm/chunk-ROQATIB7.js.map 22.93 KB
-ESM ⚡️ Build success in 406ms
+ESM dist/esm/v2/index.js.map       131.58 KB
+ESM ⚡️ Build success in 67ms
 DTS Build start
-DTS ⚡️ Build success in 16885ms
-DTS dist/index.d.ts     39.04 KB
-DTS dist/v2/index.d.ts  5.22 KB
-DTS dist/index.d.mts    39.04 KB
-DTS dist/v2/index.d.mts 5.22 KB
-Done in 18.50s.
+DTS ⚡️ Build success in 4974ms
+DTS dist/index.d.ts     39.08 KB
+DTS dist/v2/index.d.ts  5.43 KB
+DTS dist/index.d.mts    39.08 KB
+DTS dist/v2/index.d.mts 5.43 KB
+Done in 5.68s.

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @sproutsocial/seeds-react-menu
 
+## 1.10.0
+
+### Minor Changes
+
+- 1432504: Update ListboxToggleButton styles to match legacy listbox
+
+### Patch Changes
+
+- c29d7d4: Add background color to listboxToggleButton after updating styles
+
+## 1.9.2
+
+### Patch Changes
+
+- Updated dependencies [7d54d67]
+  - @sproutsocial/seeds-react-button@1.4.0
+  - @sproutsocial/seeds-react-popout@2.4.28
+  - @sproutsocial/seeds-react-input@1.5.7
+  - @sproutsocial/seeds-react-token-input@1.4.28
+
+## 1.9.1
+
+### Patch Changes
+
+- b3d31ac: Clear MultiAutocomplete input text when the popout closes
+- c281089: Fix popoutPlacement="top" rendering the popout invisible
+- Updated dependencies [17d4f12]
+  - @sproutsocial/seeds-react-theme@3.6.0
+  - @sproutsocial/seeds-react-box@1.1.14
+  - @sproutsocial/seeds-react-icon@2.2.5
+  - @sproutsocial/seeds-react-label@1.0.14
+  - @sproutsocial/seeds-react-token-input@1.4.27
+  - @sproutsocial/seeds-react-checkbox@1.3.24
+  - @sproutsocial/seeds-react-input@1.5.6
+  - @sproutsocial/seeds-react-popout@2.4.27
+  - @sproutsocial/seeds-react-button@1.3.20
+  - @sproutsocial/seeds-react-switch@1.2.23
+  - @sproutsocial/seeds-react-radio@1.3.14
+
+## 1.9.0
+
+### Minor Changes
+
+- 2194620: Fixed scroll bar mouse handling bugs in AutoComplete V2
+
+## 1.8.7
+
+### Patch Changes
+
+- fe24df3: Enable `Select` component consumers to control popoutProps
+  - @sproutsocial/seeds-react-button@1.3.19
+  - @sproutsocial/seeds-react-checkbox@1.3.23
+  - @sproutsocial/seeds-react-input@1.5.5
+  - @sproutsocial/seeds-react-radio@1.3.13
+  - @sproutsocial/seeds-react-switch@1.2.22
+  - @sproutsocial/seeds-react-token-input@1.4.26
+  - @sproutsocial/seeds-react-popout@2.4.26
+
 ## 1.8.6
 
 ### Patch Changes

package/dist/esm/index.js

@@ -1253,6 +1253,40 @@ import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var StyledListboxToggleButton = styled7(
   MenuToggleButton
 )`
+  background-color: ${(props) => props.theme.colors.form.background.base};
+  border: 1px solid ${(props) => props.theme.colors.form.border.base};
+  border-radius: ${(props) => props.theme.radii[500]};
+  transition: border-color ${(props) => props.theme.duration.fast}
+      ${(props) => props.theme.easing.ease_in},
+    box-shadow ${(props) => props.theme.duration.fast}
+      ${(props) => props.theme.easing.ease_in};
+  font-weight: ${(props) => props.theme.fontWeights.normal};
+  &:active {
+    transform: none;
+  }
+
+  padding: ${(props) => {
+  switch (props.size) {
+    case "large":
+      return `${props.theme.space[400]} ${props.theme.space[400]} ${props.theme.space[400]} ${props.theme.space[400]}`;
+    case "small":
+      return `${props.theme.space[200]} ${props.theme.space[200]} ${props.theme.space[200]} ${props.theme.space[200]}`;
+    case "default":
+    default:
+      return `${props.theme.space[300]} ${props.theme.space[300]} ${props.theme.space[300]} ${props.theme.space[300]}`;
+  }
+}};
+  font-size: ${(props) => {
+  switch (props.size) {
+    case "large":
+      return props.theme.typography[300].fontSize;
+    case "small":
+    case "default":
+    default:
+      return props.theme.typography[200].fontSize;
+  }
+}};
+
   ${(props) => props.invalid && css`
       border-color: ${(props2) => props2.theme.colors.form.border.error};
     `}
@@ -1274,13 +1308,22 @@ var StyledInnerButton = styled7.div`
 `;
 var ListboxToggleButton = ({
   children,
+  size = "default",
   ...buttonProps
 }) => {
   const { isOpen } = useMenuToggleContext();
-  return /* @__PURE__ */ jsx15(StyledListboxToggleButton, { appearance: "secondary", ...buttonProps, children: /* @__PURE__ */ jsxs5(StyledInnerButton, { children: [
-    children,
-    /* @__PURE__ */ jsx15(StyledChevron, { $isOpen: isOpen, invalid: buttonProps.invalid, children: /* @__PURE__ */ jsx15(Icon3, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
-  ] }) });
+  return /* @__PURE__ */ jsx15(
+    StyledListboxToggleButton,
+    {
+      appearance: "unstyled",
+      size,
+      ...buttonProps,
+      children: /* @__PURE__ */ jsxs5(StyledInnerButton, { children: [
+        children,
+        /* @__PURE__ */ jsx15(StyledChevron, { $isOpen: isOpen, invalid: buttonProps.invalid, children: /* @__PURE__ */ jsx15(Icon3, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
+      ] })
+    }
+  );
 };
 
 // src/ActionMenu/ActionMenu.tsx