highsoft-ui 1.0.127 → 1.0.129

package/dist/lib/components/RoadmapDetails/index.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode, CSSProperties } from 'react';
+export interface RoadmapDetailsItem {
+    text: ReactNode;
+    icon?: ReactNode;
+}
+export interface RoadmapDetailsAction {
+    label: string;
+    onClick?: () => void;
+    href?: string;
+    icon?: ReactNode;
+}
+export interface RoadmapDetailsProps {
+    title: string;
+    items?: RoadmapDetailsItem[];
+    primaryAction?: RoadmapDetailsAction;
+    secondaryAction?: RoadmapDetailsAction;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function RoadmapDetails({ title, items, primaryAction, secondaryAction, open: openProp, defaultOpen, onOpenChange, className, style }: RoadmapDetailsProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/main.d.ts

@@ -43,6 +43,8 @@ export type { DropdownProps, DropdownItemProps, DropdownOption, DropdownAlign, D
 export { NewsletterSignup } from './components/NewsletterSignup';
 export type { NewsletterSignupProps } from './components/NewsletterSignup';
 export { Modal } from './components/Modal';
+export { RoadmapDetails } from './components/RoadmapDetails';
+export type { RoadmapDetailsProps, RoadmapDetailsItem, RoadmapDetailsAction } from './components/RoadmapDetails';
 export { ModalContactFooter } from './components/Modal/ModalContactFooter';
 export type { ModalProps, ModalFooterType, ModalSubmitVariant } from './components/Modal';
 export type { ModalContactFooterProps } from './components/Modal/ModalContactFooter';

package/dist/main.js

@@ -1,30 +1,31 @@
 import { c as e, d as t, r as n, s as r, u as i } from "./utils-BCI5dixg.js";
 import { t as a } from "./Box-Bi-n_ZxQ.js";
-import { t as o } from "./Button-FtTHXgq3.js";
-import { t as s } from "./CopyCode-C7iHMVIg.js";
+import { t as o } from "./Button-BP0Qtl-y.js";
+import { t as s } from "./CopyCode-DV4tMvJJ.js";
 import { t as c } from "./Icon-Dwo9ZDNX.js";
 import { t as l } from "./Link-DGMiLJES.js";
 import { t as u } from "./ProductIcon-DjgAODwc.js";
-import { t as d } from "./ButtonGroup-eZng2GQy.js";
+import { t as d } from "./ButtonGroup-QZcOfEOk.js";
 import { t as f } from "./InputSolo-DOZp13Mv.js";
-import { i as p, n as m, r as h, t as g } from "./InputGrouped-B9jyncxb.js";
+import { i as p, n as m, r as h, t as g } from "./InputGrouped-C4gOUDMt.js";
 import { t as _ } from "./Container-mH6tG_kR.js";
 import { t as v } from "./DiscordInvite-CR7g5hay.js";
 import { t as y } from "./Heading-DvLlRFvQ.js";
 import { t as b } from "./Typography-Dw2_XzMu.js";
 import { t as x } from "./Logo-BRXxiQk8.js";
-import { t as S } from "./NewsletterSignup-jPKQLKvl.js";
-import { n as C, r as w, t as T } from "./Dropdown-B6J7ph3w.js";
-import { t as E } from "./PrefPanel-D-xcKbcr.js";
-import { n as D, t as O } from "./Label-BHGkcLu9.js";
-import { t as k } from "./Footer-Q3Z-Synu.js";
+import { t as S } from "./NewsletterSignup-ClRW0eNY.js";
+import { n as C, r as w, t as T } from "./Dropdown-CdyVsA2J.js";
+import { t as E } from "./PrefPanel-C52fIBvK.js";
+import { n as D, t as O } from "./Label-Cdeu77Zv.js";
+import { t as k } from "./Footer-CtbVnoXe.js";
 import { n as A } from "./GPTInput-Cgu6_F53.js";
-import { t as j } from "./Notification-CO-mX_7b.js";
-import { n as M, t as N } from "./Header-DxauB1pI.js";
+import { t as j } from "./Notification-D37v6ajG.js";
+import { n as M, t as N } from "./Header-CrmaxbLK.js";
 import { t as P } from "./Tabs-DanjfIHP.js";
 import { n as F, t as I } from "./RadioBox-B9rLrNTK.js";
-import { n as L, t as R } from "./Checkbox-CMWwWnbI.js";
+import { n as L, t as R } from "./Checkbox-XmV-ct6i.js";
 import { Modal as z } from "./components/Modal/index.js";
-import { ModalContactFooter as B } from "./components/Modal/ModalContactFooter.js";
-import { ThemeLoader as V, themeLoaderScript as H } from "./components/ThemeLoader/index.js";
-export { a as Box, o as Button, d as ButtonGroup, R as Checkbox, L as CheckboxGroup, _ as Container, s as CopyCode, v as DiscordInvite, T as Dropdown, C as DropdownItem, w as DropdownSeparator, k as Footer, g as FormGroup, m as FormRow, A as GPTInput, N as Header, y as Heading, c as Icon, h as InputGrouped, f as InputSolo, O as Label, l as Link, x as Logo, z as Modal, B as ModalContactFooter, D as NewTag, S as NewsletterSignup, j as Notification, E as PrefPanel, u as ProductIcon, I as RadioBox, F as RadioBoxGroup, p as SelectGrouped, M as SubHeader, P as Tabs, V as ThemeLoader, i as ThemeProvider, b as Typography, H as themeLoaderScript, n as useClipboard, t as useNextTheme, r as useSuccessFlash, e as useTheme };
+import { t as B } from "./RoadmapDetails-hMyd6BTO.js";
+import { ModalContactFooter as V } from "./components/Modal/ModalContactFooter.js";
+import { ThemeLoader as H, themeLoaderScript as U } from "./components/ThemeLoader/index.js";
+export { a as Box, o as Button, d as ButtonGroup, R as Checkbox, L as CheckboxGroup, _ as Container, s as CopyCode, v as DiscordInvite, T as Dropdown, C as DropdownItem, w as DropdownSeparator, k as Footer, g as FormGroup, m as FormRow, A as GPTInput, N as Header, y as Heading, c as Icon, h as InputGrouped, f as InputSolo, O as Label, l as Link, x as Logo, z as Modal, V as ModalContactFooter, D as NewTag, S as NewsletterSignup, j as Notification, E as PrefPanel, u as ProductIcon, I as RadioBox, F as RadioBoxGroup, B as RoadmapDetails, p as SelectGrouped, M as SubHeader, P as Tabs, H as ThemeLoader, i as ThemeProvider, b as Typography, U as themeLoaderScript, n as useClipboard, t as useNextTheme, r as useSuccessFlash, e as useTheme };

package/dist/scss/variables.scss

@@ -472,6 +472,22 @@ $body-1000: var(--typography-size-1000);
   --dropdown-item-text-disabled: var(--primitives-neutral-500);
   --dropdown-item-text-hover: var(--primitives-neutral-1000);
   --dropdown-item-text-selected: var(--primitives-neutral-1000);
+
+  --roadmap-item-background-default: var(--primitives-neutral-0);
+  --roadmap-item-background-disabled: var(--primitives-neutral-0);
+  --roadmap-item-background-focus: var(--primitives-neutral-0);
+  --roadmap-item-background-hover: var(--primitives-neutral-0);
+  --roadmap-item-background-selected: var(--primitives-neutral-0);
+  --roadmap-item-border-default: var(--primitives-neutral-100);
+  --roadmap-item-border-disabled: var(--primitives-neutral-500);
+  --roadmap-item-border-focus: var(--primitives-neutral-300);
+  --roadmap-item-border-hover: var(--primitives-neutral-300);
+  --roadmap-item-border-selected: var(--primitives-neutral-100);
+  --roadmap-item-text-default: var(--primitives-neutral-850);
+  --roadmap-item-text-disabled: var(--primitives-neutral-500);
+  --roadmap-item-text-focus: var(--primitives-neutral-1000);
+  --roadmap-item-text-hover: var(--primitives-neutral-1000);
+  --roadmap-item-text-selected: var(--primitives-neutral-1000);
 }
 
 [data-theme='dark'] {
@@ -698,6 +714,22 @@ $body-1000: var(--typography-size-1000);
   --dropdown-item-text-disabled: var(--primitives-neutral-500);
   --dropdown-item-text-hover: var(--primitives-neutral-0);
   --dropdown-item-text-selected: var(--primitives-neutral-0);
+
+  --roadmap-item-background-default: var(--primitives-neutral-900);
+  --roadmap-item-background-disabled: var(--primitives-neutral-900);
+  --roadmap-item-background-focus: var(--primitives-neutral-900);
+  --roadmap-item-background-hover: var(--primitives-neutral-800);
+  --roadmap-item-background-selected: var(--primitives-neutral-900);
+  --roadmap-item-border-default: var(--primitives-neutral-750);
+  --roadmap-item-border-disabled: var(--primitives-neutral-500);
+  --roadmap-item-border-focus: var(--primitives-neutral-500);
+  --roadmap-item-border-hover: var(--primitives-neutral-500);
+  --roadmap-item-border-selected: var(--primitives-neutral-750);
+  --roadmap-item-text-default: var(--primitives-neutral-100);
+  --roadmap-item-text-disabled: var(--primitives-neutral-500);
+  --roadmap-item-text-focus: var(--primitives-neutral-0);
+  --roadmap-item-text-hover: var(--primitives-neutral-0);
+  --roadmap-item-text-selected: var(--primitives-neutral-0);
 }
 
 /* Semantics - Light */
@@ -832,7 +864,7 @@ $body-1000: var(--typography-size-1000);
   --HS-surface-brand-border-300: var(--primitives-brand-600);
   --HS-surface-brand-border-400: var(--primitives-brand-600);
   --HS-surface-brand-border-500: var(--primitives-brand-700);
-  --HS-surface-success-background: var(--primitives-success-100);
+  --HS-surface-success-background: var(--primitives-success-700);
   --HS-surface-success-background-boxed: var(--primitives-success-200);
   --HS-surface-success-border: var(--primitives-success-300);
   --HS-surface-success-border-boxed: var(--primitives-success-300);

package/package.json

@@ -1,8 +1,12 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.127",
+  "version": "1.0.129",
   "description": "Highsoft UI",
   "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/highcharts/highsoft-ui"
+  },
   "main": "dist/main.js",
   "types": "dist/lib/main.d.ts",
   "exports": {