@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/themes/next.js

@@ -1,271 +1,132 @@
-import { mergeTheme, next as next$1, theme } from "@hitachivantara/uikit-styles";
-const next = mergeTheme(next$1, {
-  components: {
-    HvAvatar: {
-      classes: {
-        square: {
-          borderRadius: theme.radii.round
-        }
-      }
-    },
-    HvBannerContent: {
-      classes: {
-        root: {
-          borderRadius: 0
-        }
-      }
-    },
-    HvBaseDropdown: {
-      classes: {
-        headerOpen: {
-          "--r": theme.radii.round,
-          "&[data-popper-placement*=top]": {
-            borderRadius: "0 0 var(--r) var(--r)"
-          },
-          "&[data-popper-placement*=bottom]": {
-            borderRadius: "var(--r) var(--r) 0 0"
-          }
-        }
-      }
-    },
-    HvDropdownPanel: {
-      classes: {
-        panel: {
-          "--r": theme.radii.round,
-          "&[data-popper-placement*=top]": {
-            top: 1,
-            borderRadius: "var(--r) var(--r) var(--r) 0",
-            "&:has([data-is-dropdown])": {
-              borderRadius: "var(--r) var(--r) 0 0"
-            }
-          },
-          "&[data-popper-placement*=bottom]": {
-            top: -1,
-            borderRadius: "0 var(--r) var(--r) var(--r)",
-            "&:has([data-is-dropdown])": {
-              borderRadius: "0 0 var(--r) var(--r)"
-            }
-          }
-        }
-      }
-    },
-    HvBreadCrumb: {
-      classes: {
-        link: {
-          borderRadius: theme.radii.round
-        }
-      }
-    },
-    HvButton: {
-      radius: "round",
-      classes: {
-        root: {
-          ":where(:not(.HvButton-disabled,.HvButton-contained))": {
-            "&[data-color=warning]": { color: theme.colors.warningDeep }
-          }
-        },
-        contained: {
-          ":where([data-color=primary]:not(.HvButton-disabled))": {
-            ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.primaryStrong,
-              borderColor: theme.colors.primaryStrong
-            }
-          },
-          ":where([data-color=positive]:not(.HvButton-disabled))": {
-            ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.positiveStrong,
-              borderColor: theme.colors.positiveStrong
-            }
-          },
-          ":where([data-color=warning]:not(.HvButton-disabled))": {
-            backgroundColor: theme.colors.warningStrong,
-            ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.warningDeep,
-              borderColor: theme.colors.warningDeep
-            }
-          },
-          ":where([data-color=negative]:not(.HvButton-disabled))": {
-            ":hover, &:focus-visible": {
-              backgroundColor: theme.colors.negativeStrong,
-              borderColor: theme.colors.negativeStrong
-            }
-          }
-        }
-      }
-    },
-    HvCalendar: {
-      classes: {
-        root: {
-          " .HvCalendarCell-cellContainer": {
-            borderRadius: theme.radii.round,
-            "& .HvCalendarCell-startBookend": {
-              borderTopLeftRadius: theme.radii.round,
-              borderBottomLeftRadius: theme.radii.round
-            },
-            "& .HvCalendarCell-endBookend": {
-              borderTopRightRadius: theme.radii.round,
-              borderBottomRightRadius: theme.radii.round
-            }
-          },
-          " .HvCalendarCell-calendarDateSelected": {
-            borderRadius: theme.radii.round
-          }
-        }
-      }
-    },
-    HvCallout: {
-      classes: {
-        messageIcon: {
-          color: "inherit !important",
-          padding: 0
-        }
-      }
-    },
-    HvColorPicker: {
-      classes: {
-        colorPicker: {
-          ".HvColorPickerSwatch-root": {
-            borderRadius: theme.radii.round
-          }
-        }
-      }
-    },
-    HvDropdownButton: {
-      classes: {
-        open: {
-          "&[data-popper-placement*='top']": {
-            borderTopLeftRadius: 0,
-            borderTopRightRadius: 0
-          },
-          "&[data-popper-placement*='bottom']": {
-            borderBottomLeftRadius: 0,
-            borderBottomRightRadius: 0
-          }
-        }
-      }
-    },
-    HvMultiButton: {
-      classes: {
-        multiple: {
-          borderRadius: theme.radii.round,
-          "& .HvMultiButton-button.HvMultiButton-selected": {
-            borderRadius: theme.radii.round,
-            borderColor: theme.colors.primary,
-            borderWidth: 2
-          }
-        },
-        vertical: {
-          borderRadius: theme.radii.round,
-          "& .HvMultiButton-button.HvMultiButton-selected": {
-            borderRadius: theme.radii.round,
-            borderColor: theme.colors.primary,
-            borderWidth: 2
-          }
-        },
-        splitGroup: {
-          // NEXT5 subtle multi-buttons have a custom background
-          "& .HvButton-subtle": {
-            backgroundColor: theme.colors.bgContainer
-          },
-          "&& .HvButton-disabled": {
-            backgroundColor: theme.colors.bgDisabled
-          }
-        }
-      }
-    },
-    HvSuggestions: {
-      classes: {
-        panel: {
-          margin: theme.spacing("xxs", 0),
-          "&&": {
-            borderRadius: theme.radii.round
-          }
-        }
-      }
-    },
-    HvSnackbarContent: {
-      classes: {
-        root: {
-          borderRadius: theme.radii.round
-        }
-      }
-    },
-    HvStatusIcon: {
-      type: "simple"
-    },
-    HvTab: {
-      classes: {
-        root: {
-          "&.HvTab-selected": {
-            color: theme.colors.text
-          }
-        }
-      }
-    },
-    HvTabs: {
-      classes: {
-        indicator: {
-          backgroundColor: theme.colors.primaryStrong
-        }
-      }
-    },
-    HvTag: {
-      classes: {
-        root: {
-          "--tagColor": theme.colors.neutral_20
-        },
-        categorical: {
-          "--tagColor": theme.alpha("cat1", 0.2)
-        },
-        xs: {
-          height: 19
-        }
-      }
-    },
-    HvDialog: {
-      classes: {
-        statusBar: {
-          borderTopLeftRadius: theme.radii.round,
-          borderTopRightRadius: theme.radii.round
-        }
-      }
-    },
-    HvDialogTitle: {
-      classes: {
-        root: {
-          "& .HvStatusIcon-root": {
-            padding: 0
-          },
-          "& .HvIconContainer-root": {
-            color: `${theme.colors.text}!important`
-          }
-        }
-      }
-    },
-    HvDialogContent: {
-      classes: {
-        root: {
-          borderTop: "none",
-          borderBottom: "none"
-        }
-      }
-    },
-    HvDialogActions: {
-      classes: {
-        root: {
-          borderTop: `1px solid ${theme.colors.borderSubtle}`
-        }
-      }
-    },
-    HvRadioIcon: {
-      classes: {
-        checked: {
-          "--bg-color": theme.colors.primary
-        }
-      }
-    }
-  }
-});
-export {
-  next
-};
+import { mergeTheme, next, theme } from "@hitachivantara/uikit-styles";
+//#region src/themes/next.ts
+var next$1 = mergeTheme(next, { components: {
+	HvAvatar: { classes: { square: { borderRadius: theme.radii.round } } },
+	HvBannerContent: { classes: { root: { borderRadius: 0 } } },
+	HvBaseDropdown: { classes: { headerOpen: {
+		"--r": theme.radii.round,
+		"&[data-popper-placement*=top]": { borderRadius: "0 0 var(--r) var(--r)" },
+		"&[data-popper-placement*=bottom]": { borderRadius: "var(--r) var(--r) 0 0" }
+	} } },
+	HvDropdownPanel: { classes: { panel: {
+		"--r": theme.radii.round,
+		"&[data-popper-placement*=top]": {
+			top: 1,
+			borderRadius: "var(--r) var(--r) var(--r) 0",
+			"&:has([data-is-dropdown])": { borderRadius: "var(--r) var(--r) 0 0" }
+		},
+		"&[data-popper-placement*=bottom]": {
+			top: -1,
+			borderRadius: "0 var(--r) var(--r) var(--r)",
+			"&:has([data-is-dropdown])": { borderRadius: "0 0 var(--r) var(--r)" }
+		}
+	} } },
+	HvBreadCrumb: { classes: { link: { borderRadius: theme.radii.round } } },
+	HvButton: {
+		radius: "round",
+		classes: {
+			root: { ":where(:not(.HvButton-disabled,.HvButton-contained))": { "&[data-color=warning]": { color: theme.colors.warningDeep } } },
+			contained: {
+				":where([data-color=primary]:not(.HvButton-disabled))": { ":hover, &:focus-visible": {
+					backgroundColor: theme.colors.primaryStrong,
+					borderColor: theme.colors.primaryStrong
+				} },
+				":where([data-color=positive]:not(.HvButton-disabled))": { ":hover, &:focus-visible": {
+					backgroundColor: theme.colors.positiveStrong,
+					borderColor: theme.colors.positiveStrong
+				} },
+				":where([data-color=warning]:not(.HvButton-disabled))": {
+					backgroundColor: theme.colors.warningStrong,
+					":hover, &:focus-visible": {
+						backgroundColor: theme.colors.warningDeep,
+						borderColor: theme.colors.warningDeep
+					}
+				},
+				":where([data-color=negative]:not(.HvButton-disabled))": { ":hover, &:focus-visible": {
+					backgroundColor: theme.colors.negativeStrong,
+					borderColor: theme.colors.negativeStrong
+				} }
+			}
+		}
+	},
+	HvCalendar: { classes: { root: {
+		" .HvCalendarCell-cellContainer": {
+			borderRadius: theme.radii.round,
+			"& .HvCalendarCell-startBookend": {
+				borderTopLeftRadius: theme.radii.round,
+				borderBottomLeftRadius: theme.radii.round
+			},
+			"& .HvCalendarCell-endBookend": {
+				borderTopRightRadius: theme.radii.round,
+				borderBottomRightRadius: theme.radii.round
+			}
+		},
+		" .HvCalendarCell-calendarDateSelected": { borderRadius: theme.radii.round }
+	} } },
+	HvCallout: { classes: { messageIcon: {
+		color: "inherit !important",
+		padding: 0
+	} } },
+	HvColorPicker: { classes: { colorPicker: { ".HvColorPickerSwatch-root": { borderRadius: theme.radii.round } } } },
+	HvDropdownButton: { classes: { open: {
+		"&[data-popper-placement*='top']": {
+			borderTopLeftRadius: 0,
+			borderTopRightRadius: 0
+		},
+		"&[data-popper-placement*='bottom']": {
+			borderBottomLeftRadius: 0,
+			borderBottomRightRadius: 0
+		}
+	} } },
+	HvMultiButton: { classes: {
+		multiple: {
+			borderRadius: theme.radii.round,
+			"& .HvMultiButton-button.HvMultiButton-selected": {
+				borderRadius: theme.radii.round,
+				borderColor: theme.colors.primary,
+				borderWidth: 2
+			}
+		},
+		vertical: {
+			borderRadius: theme.radii.round,
+			"& .HvMultiButton-button.HvMultiButton-selected": {
+				borderRadius: theme.radii.round,
+				borderColor: theme.colors.primary,
+				borderWidth: 2
+			}
+		},
+		splitGroup: {
+			"& .HvButton-subtle": { backgroundColor: theme.colors.bgContainer },
+			"&& .HvButton-disabled": { backgroundColor: theme.colors.bgDisabled }
+		}
+	} },
+	HvSuggestions: { classes: { panel: {
+		margin: theme.spacing("xxs", 0),
+		"&&": { borderRadius: theme.radii.round }
+	} } },
+	HvSnackbarContent: { classes: { root: { borderRadius: theme.radii.round } } },
+	HvStatusIcon: { type: "simple" },
+	HvTab: { classes: { root: { "&.HvTab-selected": { color: theme.colors.text } } } },
+	HvTabs: { classes: { indicator: { backgroundColor: theme.colors.primaryStrong } } },
+	HvTag: { classes: {
+		root: { "--tagColor": theme.colors.neutral_20 },
+		categorical: { "--tagColor": theme.alpha("cat1", .2) },
+		xs: { height: 19 }
+	} },
+	HvDialog: { classes: { statusBar: {
+		borderTopLeftRadius: theme.radii.round,
+		borderTopRightRadius: theme.radii.round
+	} } },
+	HvDialogTitle: { classes: { root: {
+		"& .HvStatusIcon-root": { padding: 0 },
+		"& .HvIconContainer-root": { color: `${theme.colors.text}!important` }
+	} } },
+	HvDialogContent: { classes: { root: {
+		borderTop: "none",
+		borderBottom: "none"
+	} } },
+	HvDialogActions: { classes: { root: { borderTop: `1px solid ${theme.colors.borderSubtle}` } } },
+	HvRadioIcon: { classes: { checked: { "--bg-color": theme.colors.primary } } }
+} });
+//#endregion
+export { next$1 as next };