@jects/jds 0.0.2-dev → 0.2.0

package/dist/index.cjs

@@ -11641,10 +11641,10 @@ var StyledSelectItem = (0, import_styled24.default)("div", {
   const baseStyles = {
     ...restInteractionStyle,
     display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "flex-start",
-    gap: 0,
+    flexDirection: "row",
+    justifyContent: "flex-start",
+    alignItems: "center",
+    gap: theme.scheme.semantic.spacing[8],
     padding: getItemPaddingBySize(theme, $size),
     backgroundColor: "transparent",
     borderBottom: `1px solid ${theme.color.semantic.stroke.subtler}`,
@@ -11715,17 +11715,20 @@ var StyledSelectItemText = (0, import_styled24.default)(Label, {
     return theme.color.semantic.object.bold;
   };
   return {
-    color: getColor()
+    color: getColor(),
+    cursor: "inherit"
   };
 });
 var StyledSelectItemCaption = (0, import_styled24.default)(Label, {
   shouldForwardProp: (prop) => !prop.startsWith("$")
 })(({ theme, $isDisabled }) => ({
-  color: $isDisabled ? theme.color.semantic.object.subtle : theme.color.semantic.object.assistive
+  color: $isDisabled ? theme.color.semantic.object.subtle : theme.color.semantic.object.assistive,
+  cursor: "inherit"
 }));
 var StyledSelectItemBadge = (0, import_styled24.default)(ContentBadge.Basic)({
   position: "relative",
-  zIndex: 1
+  zIndex: 1,
+  cursor: "inherit"
 });
 var StyledSelectItemInputWrapper = (0, import_styled24.default)("div")({
   display: "flex",
@@ -11903,10 +11906,10 @@ var SelectCheckbox = (0, import_react40.forwardRef)(
 );
 SelectCheckbox.displayName = "Select.Checkbox";
 
-// src/components/Select/SelectLabel.tsx
+// src/components/Select/SelectList.tsx
 var import_react41 = require("react");
 var import_jsx_runtime170 = require("@emotion/react/jsx-runtime");
-var SelectLabel = (0, import_react41.forwardRef)(
+var SelectList = (0, import_react41.forwardRef)(
   ({ value, isDisabled = false, caption, badge, children, ...restProps }, ref) => {
     const { size, isSelected, onChange } = useSelectContext();
     const { isItemSelected, handleClick, handleKeyDown } = createSelectItemHandlers({
@@ -11960,7 +11963,7 @@ var SelectLabel = (0, import_react41.forwardRef)(
     );
   }
 );
-SelectLabel.displayName = "Select.Label";
+SelectList.displayName = "Select.List";
 
 // src/components/Select/SelectRadio.tsx
 var import_react42 = require("react");
@@ -12032,7 +12035,7 @@ SelectRadio.displayName = "Select.Radio";
 
 // src/components/Select/index.ts
 var Select2 = Object.assign(Select, {
-  Label: SelectLabel,
+  List: SelectList,
   Radio: SelectRadio,
   Checkbox: SelectCheckbox
 });
@@ -12323,6 +12326,9 @@ var StyledTabPrimitiveTrigger = (0, import_styled27.default)(
         transition: "none"
       }
     },
+    "&:hover": {
+      ...interactionStyles7.hoverStyle
+    },
     "&:focus-visible": {
       ...interactionStyles7.focusStyle
     },