@moises.ai/design-system 4.16.3 → 4.16.5
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/package.json
CHANGED
|
@@ -93,6 +93,7 @@ The \`options\` prop accepts an array of objects with the following types:
|
|
|
93
93
|
label: 'Submenu Label', // Text to display
|
|
94
94
|
children: [], // Array of menu items for the submenu
|
|
95
95
|
color: 'red' | 'cyan', // Optional: custom color for this submenu trigger
|
|
96
|
+
subContentClassName: 'my-submenu', // Optional: extra className applied to the submenu content (portalized), useful for overriding upstream styles per submenu instance
|
|
96
97
|
}
|
|
97
98
|
\`\`\`
|
|
98
99
|
|
|
@@ -46,6 +46,7 @@
|
|
|
46
46
|
user-select: none;
|
|
47
47
|
bottom: -7px;
|
|
48
48
|
z-index: 12;
|
|
49
|
+
background: transparent;
|
|
49
50
|
|
|
50
51
|
&:hover {
|
|
51
52
|
.sliderTrack {
|
|
@@ -57,12 +58,18 @@
|
|
|
57
58
|
|
|
58
59
|
.sliderTrack {
|
|
59
60
|
position: relative;
|
|
60
|
-
/* z-index: 1; */
|
|
61
61
|
flex: 1;
|
|
62
62
|
height: 2px;
|
|
63
63
|
overflow: visible;
|
|
64
64
|
border-radius: 0px;
|
|
65
65
|
background: var(--neutral-5);
|
|
66
|
+
transition: height 0.15s ease, border-radius 0.15s ease, background 0.15s ease;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.sliderRoot:hover .sliderTrack {
|
|
70
|
+
height: 4px;
|
|
71
|
+
border-radius: 9999px;
|
|
72
|
+
background: var(--neutral-6);
|
|
66
73
|
}
|
|
67
74
|
|
|
68
75
|
.bufferedRange {
|
|
@@ -105,7 +112,7 @@
|
|
|
105
112
|
bottom: 8px;
|
|
106
113
|
left: 0;
|
|
107
114
|
height: 28px;
|
|
108
|
-
overflow:
|
|
115
|
+
overflow: clip;
|
|
109
116
|
pointer-events: none;
|
|
110
117
|
opacity: 0;
|
|
111
118
|
transform: translateY(4px);
|
package/src/index.jsx
CHANGED
|
@@ -80,7 +80,9 @@ export const createRenderItem = (MenuPrimitives) => {
|
|
|
80
80
|
</div>
|
|
81
81
|
</MenuPrimitives.SubTrigger>
|
|
82
82
|
|
|
83
|
-
<MenuPrimitives.SubContent
|
|
83
|
+
<MenuPrimitives.SubContent
|
|
84
|
+
className={classNames(styles.menuSubContent, opt.subContentClassName)}
|
|
85
|
+
>
|
|
84
86
|
{opt?.children?.map((child) =>
|
|
85
87
|
renderItem(
|
|
86
88
|
child,
|