@sproutsocial/seeds-react-menu 1.9.2 → 1.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +10 -10
- package/CHANGELOG.md +10 -0
- package/dist/esm/index.js +47 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +2 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +47 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/ListboxToggleButton.tsx +44 -1
- package/src/SingleSelectMenu/SingleSelectMenu.stories.tsx +50 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -8,22 +8,22 @@ $ tsup --dts
|
|
|
8
8
|
[34mCLI[39m Cleaning output folder
|
|
9
9
|
[34mCJS[39m Build start
|
|
10
10
|
[34mESM[39m Build start
|
|
11
|
-
[32mCJS[39m [1mdist/index.js [22m[32m90.52 KB[39m
|
|
12
11
|
[32mCJS[39m [1mdist/v2/index.js [22m[32m72.63 KB[39m
|
|
13
|
-
[32mCJS[39m [1mdist/index.js
|
|
12
|
+
[32mCJS[39m [1mdist/index.js [22m[32m91.81 KB[39m
|
|
14
13
|
[32mCJS[39m [1mdist/v2/index.js.map [22m[32m151.20 KB[39m
|
|
15
|
-
[32mCJS[39m
|
|
16
|
-
[
|
|
14
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m178.88 KB[39m
|
|
15
|
+
[32mCJS[39m ⚡️ Build success in 67ms
|
|
16
|
+
[32mESM[39m [1mdist/esm/index.js [22m[32m72.69 KB[39m
|
|
17
17
|
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js [22m[32m9.15 KB[39m
|
|
18
18
|
[32mESM[39m [1mdist/esm/v2/index.js [22m[32m62.08 KB[39m
|
|
19
|
-
[32mESM[39m [1mdist/esm/index.js.map [22m[
|
|
19
|
+
[32mESM[39m [1mdist/esm/index.js.map [22m[32m154.90 KB[39m
|
|
20
20
|
[32mESM[39m [1mdist/esm/chunk-ROQATIB7.js.map [22m[32m22.93 KB[39m
|
|
21
21
|
[32mESM[39m [1mdist/esm/v2/index.js.map [22m[32m131.58 KB[39m
|
|
22
|
-
[32mESM[39m ⚡️ Build success in
|
|
22
|
+
[32mESM[39m ⚡️ Build success in 67ms
|
|
23
23
|
[34mDTS[39m Build start
|
|
24
|
-
[32mDTS[39m ⚡️ Build success in
|
|
25
|
-
[32mDTS[39m [1mdist/index.d.ts [22m[32m39.
|
|
24
|
+
[32mDTS[39m ⚡️ Build success in 4974ms
|
|
25
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m39.08 KB[39m
|
|
26
26
|
[32mDTS[39m [1mdist/v2/index.d.ts [22m[32m5.43 KB[39m
|
|
27
|
-
[32mDTS[39m [1mdist/index.d.mts [22m[32m39.
|
|
27
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m39.08 KB[39m
|
|
28
28
|
[32mDTS[39m [1mdist/v2/index.d.mts [22m[32m5.43 KB[39m
|
|
29
|
-
Done in 5.
|
|
29
|
+
Done in 5.68s.
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,15 @@
|
|
|
1
1
|
# @sproutsocial/seeds-react-menu
|
|
2
2
|
|
|
3
|
+
## 1.10.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 1432504: Update ListboxToggleButton styles to match legacy listbox
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- c29d7d4: Add background color to listboxToggleButton after updating styles
|
|
12
|
+
|
|
3
13
|
## 1.9.2
|
|
4
14
|
|
|
5
15
|
### Patch Changes
|
package/dist/esm/index.js
CHANGED
|
@@ -1253,6 +1253,40 @@ import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
|
|
|
1253
1253
|
var StyledListboxToggleButton = styled7(
|
|
1254
1254
|
MenuToggleButton
|
|
1255
1255
|
)`
|
|
1256
|
+
background-color: ${(props) => props.theme.colors.form.background.base};
|
|
1257
|
+
border: 1px solid ${(props) => props.theme.colors.form.border.base};
|
|
1258
|
+
border-radius: ${(props) => props.theme.radii[500]};
|
|
1259
|
+
transition: border-color ${(props) => props.theme.duration.fast}
|
|
1260
|
+
${(props) => props.theme.easing.ease_in},
|
|
1261
|
+
box-shadow ${(props) => props.theme.duration.fast}
|
|
1262
|
+
${(props) => props.theme.easing.ease_in};
|
|
1263
|
+
font-weight: ${(props) => props.theme.fontWeights.normal};
|
|
1264
|
+
&:active {
|
|
1265
|
+
transform: none;
|
|
1266
|
+
}
|
|
1267
|
+
|
|
1268
|
+
padding: ${(props) => {
|
|
1269
|
+
switch (props.size) {
|
|
1270
|
+
case "large":
|
|
1271
|
+
return `${props.theme.space[400]} ${props.theme.space[400]} ${props.theme.space[400]} ${props.theme.space[400]}`;
|
|
1272
|
+
case "small":
|
|
1273
|
+
return `${props.theme.space[200]} ${props.theme.space[200]} ${props.theme.space[200]} ${props.theme.space[200]}`;
|
|
1274
|
+
case "default":
|
|
1275
|
+
default:
|
|
1276
|
+
return `${props.theme.space[300]} ${props.theme.space[300]} ${props.theme.space[300]} ${props.theme.space[300]}`;
|
|
1277
|
+
}
|
|
1278
|
+
}};
|
|
1279
|
+
font-size: ${(props) => {
|
|
1280
|
+
switch (props.size) {
|
|
1281
|
+
case "large":
|
|
1282
|
+
return props.theme.typography[300].fontSize;
|
|
1283
|
+
case "small":
|
|
1284
|
+
case "default":
|
|
1285
|
+
default:
|
|
1286
|
+
return props.theme.typography[200].fontSize;
|
|
1287
|
+
}
|
|
1288
|
+
}};
|
|
1289
|
+
|
|
1256
1290
|
${(props) => props.invalid && css`
|
|
1257
1291
|
border-color: ${(props2) => props2.theme.colors.form.border.error};
|
|
1258
1292
|
`}
|
|
@@ -1274,13 +1308,22 @@ var StyledInnerButton = styled7.div`
|
|
|
1274
1308
|
`;
|
|
1275
1309
|
var ListboxToggleButton = ({
|
|
1276
1310
|
children,
|
|
1311
|
+
size = "default",
|
|
1277
1312
|
...buttonProps
|
|
1278
1313
|
}) => {
|
|
1279
1314
|
const { isOpen } = useMenuToggleContext();
|
|
1280
|
-
return /* @__PURE__ */ jsx15(
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1315
|
+
return /* @__PURE__ */ jsx15(
|
|
1316
|
+
StyledListboxToggleButton,
|
|
1317
|
+
{
|
|
1318
|
+
appearance: "unstyled",
|
|
1319
|
+
size,
|
|
1320
|
+
...buttonProps,
|
|
1321
|
+
children: /* @__PURE__ */ jsxs5(StyledInnerButton, { children: [
|
|
1322
|
+
children,
|
|
1323
|
+
/* @__PURE__ */ jsx15(StyledChevron, { $isOpen: isOpen, invalid: buttonProps.invalid, children: /* @__PURE__ */ jsx15(Icon3, { name: "chevron-down-outline", fixedWidth: true, "aria-hidden": true }) })
|
|
1324
|
+
] })
|
|
1325
|
+
}
|
|
1326
|
+
);
|
|
1284
1327
|
};
|
|
1285
1328
|
|
|
1286
1329
|
// src/ActionMenu/ActionMenu.tsx
|