@atom-learning/components 11.0.0 → 11.1.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/dist/components/select-menu/SelectMenu.d.ts +2 -1
- package/dist/components/select-menu/SelectMenuContent.d.ts +3 -1
- package/dist/components/select-menu/SelectMenuContent.js +16 -11
- package/dist/components/select-menu/SelectMenuContent.js.map +1 -1
- package/dist/components/select-menu/SelectMenuItem.js +4 -3
- package/dist/components/select-menu/SelectMenuItem.js.map +1 -1
- package/dist/docgen.json +1 -1
- package/dist/index.cjs.js +20 -14
- package/dist/index.cjs.js.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -8557,16 +8557,20 @@ var SelectMenuContext = react.createContext({
|
|
|
8557
8557
|
var useSelectMenuContext = () => react.use(SelectMenuContext);
|
|
8558
8558
|
//#endregion
|
|
8559
8559
|
//#region src/components/select-menu/SelectMenuContent.tsx
|
|
8560
|
-
var Content$2 = styled(react_aria_components.Popover, {
|
|
8561
|
-
|
|
8562
|
-
|
|
8563
|
-
|
|
8564
|
-
|
|
8565
|
-
|
|
8566
|
-
|
|
8567
|
-
|
|
8568
|
-
|
|
8569
|
-
|
|
8560
|
+
var Content$2 = styled(react_aria_components.Popover, {
|
|
8561
|
+
base: [
|
|
8562
|
+
"bg-white",
|
|
8563
|
+
"rounded-md",
|
|
8564
|
+
"shadow-lg",
|
|
8565
|
+
"z-10",
|
|
8566
|
+
"overflow-hidden",
|
|
8567
|
+
"will-change-transform"
|
|
8568
|
+
],
|
|
8569
|
+
variants: { matchTriggerWidth: {
|
|
8570
|
+
true: ["w-(--trigger-width)"],
|
|
8571
|
+
false: ["min-w-(--trigger-width)", "max-w-[min(calc(100vw-(--spacing(4))),--spacing(100))]"]
|
|
8572
|
+
} }
|
|
8573
|
+
}, { enablePolymorphism: false });
|
|
8570
8574
|
var Viewport = styled(react_aria_components.ListBox, { base: [
|
|
8571
8575
|
"max-h-[inherit]",
|
|
8572
8576
|
"w-full",
|
|
@@ -8574,10 +8578,11 @@ var Viewport = styled(react_aria_components.ListBox, { base: [
|
|
|
8574
8578
|
"p-1",
|
|
8575
8579
|
"outline-none"
|
|
8576
8580
|
] }, { enablePolymorphism: false });
|
|
8577
|
-
var SelectMenuContent = ({ ref, children, offset = 4, ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Content$2, {
|
|
8581
|
+
var SelectMenuContent = ({ ref, children, offset = 4, matchTriggerWidth = false, ...rest }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Content$2, {
|
|
8578
8582
|
ref,
|
|
8579
8583
|
offset,
|
|
8580
8584
|
containerPadding: 8,
|
|
8585
|
+
matchTriggerWidth,
|
|
8581
8586
|
...rest,
|
|
8582
8587
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Viewport, { children })
|
|
8583
8588
|
});
|
|
@@ -8591,6 +8596,7 @@ var Item = styled(react_aria_components.ListBoxItem, {
|
|
|
8591
8596
|
"text-grey-1000",
|
|
8592
8597
|
"font-body",
|
|
8593
8598
|
"font-normal",
|
|
8599
|
+
"leading-normal",
|
|
8594
8600
|
"cursor-pointer",
|
|
8595
8601
|
"rounded-sm",
|
|
8596
8602
|
"outline-none",
|
|
@@ -8602,18 +8608,18 @@ var Item = styled(react_aria_components.ListBoxItem, {
|
|
|
8602
8608
|
],
|
|
8603
8609
|
variants: { size: {
|
|
8604
8610
|
sm: [
|
|
8605
|
-
"py-
|
|
8611
|
+
"py-2",
|
|
8606
8612
|
"pl-7",
|
|
8607
8613
|
"pr-4",
|
|
8608
8614
|
"text-sm"
|
|
8609
8615
|
],
|
|
8610
8616
|
md: [
|
|
8611
|
-
"py-2",
|
|
8617
|
+
"py-2.5",
|
|
8612
8618
|
"pl-8",
|
|
8613
8619
|
"pr-6"
|
|
8614
8620
|
],
|
|
8615
8621
|
lg: [
|
|
8616
|
-
"py-2",
|
|
8622
|
+
"py-2.5",
|
|
8617
8623
|
"pl-8",
|
|
8618
8624
|
"pr-6"
|
|
8619
8625
|
]
|