reactbridge-sdk 0.2.8 → 0.2.10

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/index.js CHANGED
@@ -3029,15 +3029,17 @@ function useDateRange(defaultOption = "past-month") {
3029
3029
  const DateRangeSelector = ({ selectedOption, onSelect, theme, }) => {
3030
3030
  const options = DateRangeService.getAllOptions();
3031
3031
  return (React.createElement("select", { value: selectedOption, onChange: (e) => onSelect(e.target.value), style: {
3032
- padding: `${(theme === null || theme === void 0 ? void 0 : theme.spacing.xs) || "6px"} ${(theme === null || theme === void 0 ? void 0 : theme.spacing.sm) || "10px"}`,
3033
- fontSize: (theme === null || theme === void 0 ? void 0 : theme.fontSizes.sm) || "13px",
3034
- fontWeight: "500",
3035
- borderRadius: (theme === null || theme === void 0 ? void 0 : theme.borderRadius) || "6px",
3036
- border: `1px solid ${(theme === null || theme === void 0 ? void 0 : theme.colors.border) || "#d0d0d0"}`,
3037
- backgroundColor: (theme === null || theme === void 0 ? void 0 : theme.colors.surface) || "#f9f9f9",
3038
- color: (theme === null || theme === void 0 ? void 0 : theme.colors.text) || "#000",
3032
+ padding: `${theme === null || theme === void 0 ? void 0 : theme.spacing.xs} ${theme === null || theme === void 0 ? void 0 : theme.spacing.sm}`,
3033
+ borderRadius: theme === null || theme === void 0 ? void 0 : theme.borderRadius,
3034
+ border: `1px solid ${theme === null || theme === void 0 ? void 0 : theme.colors.border}`,
3035
+ background: theme === null || theme === void 0 ? void 0 : theme.colors.surface,
3036
+ color: theme === null || theme === void 0 ? void 0 : theme.colors.text,
3037
+ fontSize: theme === null || theme === void 0 ? void 0 : theme.fontSizes.sm,
3038
+ fontWeight: 500,
3039
+ outline: "none",
3040
+ minWidth: 120,
3041
+ marginLeft: theme === null || theme === void 0 ? void 0 : theme.spacing.sm,
3039
3042
  cursor: "pointer",
3040
- transition: "border-color 0.2s ease, box-shadow 0.2s ease",
3041
3043
  }, onFocus: (e) => {
3042
3044
  e.currentTarget.style.borderColor =
3043
3045
  (theme === null || theme === void 0 ? void 0 : theme.colors.primary) || "#1976d2";
@@ -3115,6 +3117,7 @@ const ReportLayout = ({ title, description, selectedDateRange, onDateRangeChange
3115
3117
  display: "flex",
3116
3118
  flexDirection: "column",
3117
3119
  gap: (theme === null || theme === void 0 ? void 0 : theme.spacing.md) || "12px",
3120
+ padding: (theme === null || theme === void 0 ? void 0 : theme.spacing.md) || "12px",
3118
3121
  } },
3119
3122
  React.createElement("div", { style: {
3120
3123
  display: "flex",