highsoft-ui 1.0.168 → 1.0.170

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

@@ -0,0 +1,38 @@
+import { FC, HTMLAttributes, ReactNode, SVGProps } from 'react';
+import { TypographyColor } from '../Typography';
+/** A feature icon: any component from `@untitled-ui/icons-react`. */
+export type FeatureIcon = FC<SVGProps<SVGSVGElement>>;
+/** Heading level for a feature title rendered as a run-in heading. */
+export type FeatureHeadingLevel = 2 | 3 | 4 | 5 | 6;
+/** Maximum columns in a `Features` grid. */
+export type FeaturesColumns = 1 | 2 | 3 | 4;
+/**
+ * Description color. `secondary` passes WCAG AA on every surface in both
+ * themes; `tertiary` is lighter but only reaches 4.5:1 on a white
+ * (background-0) surface.
+ */
+export type FeatureDescriptionColor = Extract<TypographyColor, 'secondary' | 'tertiary'>;
+interface FeatureColorProps {
+    /** Icon color, a text color token (default `primary`) */
+    iconColor?: TypographyColor;
+    /** Description color: `secondary` (default) or the lighter `tertiary`, for white/background-0 surfaces only */
+    descriptionColor?: FeatureDescriptionColor;
+}
+export interface FeaturesProps extends HTMLAttributes<HTMLUListElement>, FeatureColorProps {
+    /** Maximum number of columns (default `3`). Columns drop out as the container narrows. */
+    columns?: FeaturesColumns;
+    children?: ReactNode;
+}
+export declare const Features: import('react').ForwardRefExoticComponent<FeaturesProps & import('react').RefAttributes<HTMLUListElement>>;
+export interface FeatureItemProps extends Omit<HTMLAttributes<HTMLElement>, 'title' | 'color'>, FeatureColorProps {
+    /** The icon, an `@untitled-ui/icons-react` component. Its size is fixed by the design. */
+    icon: FeatureIcon;
+    /** The run-in title, set semibold in primary text ahead of the description */
+    title: ReactNode;
+    /** Render the title as an `<h2>`–`<h6>` instead of `<strong>`, for features that are page sections */
+    headingLevel?: FeatureHeadingLevel;
+    /** The description — may contain inline content such as links */
+    children?: ReactNode;
+}
+export declare const FeatureItem: import('react').ForwardRefExoticComponent<FeatureItemProps & import('react').RefAttributes<HTMLElement>>;
+export {};

package/dist/lib/main.d.ts

@@ -7,6 +7,7 @@ export type { HeadingProps, HeadingLevel } from './components/Heading';
 export type { TypographyProps, TypographyColor, TypographySize, TypographyWeight } from './components/Typography';
 export type { IconProps, IconSize } from './components/Icon';
 export type { ListProps, ListItemProps, ListSize, ListVariant, ListIcon } from './components/List';
+export type { FeaturesProps, FeaturesColumns, FeatureItemProps, FeatureIcon, FeatureHeadingLevel, FeatureDescriptionColor } from './components/Features';
 export type { LinkProps, LinkVariant } from './components/Link';
 export type { ProductIconProps, ProductIconTheme, ProductIconName } from './components/ProductIcon';
 export type { FrameworkIconProps, FrameworkIconTheme, FrameworkIconName } from './components/FrameworkIcon';
@@ -40,6 +41,7 @@ export { DiscordInvite } from './components/DiscordInvite';
 export { Heading } from './components/Heading';
 export { Typography } from './components/Typography';
 export { List, ListItem } from './components/List';
+export { Features, FeatureItem } from './components/Features';
 export { Footer } from './components/Footer';
 export { GPTInput } from './components/GPTInput';
 export { Header, SubHeader } from './components/Header';

package/dist/main.js

@@ -19,33 +19,34 @@ import { t as T } from "./DiscordInvite-DfPVlJ5G.js";
 import { t as E } from "./Heading-DNDHqYWO.js";
 import { n as D } from "./Typography-DI1AkqiO.js";
 import { n as O, t as k } from "./List-B1zRI6pm.js";
-import { t as A } from "./Logo-Bz0G2G-k.js";
-import { t as j } from "./NewsletterSignup-BPLup66s.js";
-import { n as M, r as N, t as P } from "./Dropdown-DLRtYhFa.js";
-import { t as F } from "./PrefPanel-6oTpfC5q.js";
-import { n as I, t as L } from "./Label-B-Xt6XQQ.js";
-import { t as R } from "./VideoCover-25FfvhPg.js";
-import { t as z } from "./VideoPlayer-CB2lOh95.js";
-import { t as B } from "./VideoPlayerModal-CVJbPd6n.js";
-import { t as V } from "./Footer-B5lSjhAD.js";
-import { n as H } from "./GPTInput-g460kfc6.js";
-import { t as U } from "./Notification-DtqcW5FH.js";
-import { n as W, t as G } from "./Header-CQKgp8xy.js";
-import { t as K } from "./Tabs-TRXBM5Zr.js";
-import { n as q, t as J } from "./RadioBox-C7bDjItJ.js";
-import { n as Y, t as X } from "./Checkbox-DU_KGp-P.js";
-import { Modal as Z } from "./components/Modal/index.js";
-import { t as Q } from "./RoadmapDetails-CLQzIxv7.js";
-import { ModalContactFooter as $ } from "./components/Modal/ModalContactFooter.js";
-import { useOptionalSidebarLayout as ee, useSidebarLayout as te } from "./components/Sidebar/context.js";
-import { SidebarLayout as ne, SidebarMain as re } from "./components/Sidebar/SidebarLayout.js";
-import { SidebarResizer as ie } from "./components/Sidebar/SidebarResizer.js";
-import { Sidebar as ae, SidebarBody as oe, SidebarHeader as se, SidebarSection as ce } from "./components/Sidebar/Sidebar.js";
-import { SidebarSwitcher as le } from "./components/Sidebar/SidebarSwitcher.js";
-import { NavItem as ue } from "./components/Sidebar/NavItem.js";
-import { NavGroup as de } from "./components/Sidebar/NavGroup.js";
-import { NavDisclosure as fe } from "./components/Sidebar/NavDisclosure.js";
+import { n as A, t as j } from "./Features-BS-_cksu.js";
+import { t as M } from "./Logo-Bz0G2G-k.js";
+import { t as N } from "./NewsletterSignup-BPLup66s.js";
+import { n as P, r as F, t as I } from "./Dropdown-DLRtYhFa.js";
+import { t as L } from "./PrefPanel-6oTpfC5q.js";
+import { n as R, t as z } from "./Label-B-Xt6XQQ.js";
+import { t as B } from "./VideoCover-25FfvhPg.js";
+import { t as V } from "./VideoPlayer-CB2lOh95.js";
+import { t as H } from "./VideoPlayerModal-CVJbPd6n.js";
+import { t as U } from "./Footer-B5lSjhAD.js";
+import { n as W } from "./GPTInput-g460kfc6.js";
+import { t as G } from "./Notification-DtqcW5FH.js";
+import { n as K, t as q } from "./Header-CQKgp8xy.js";
+import { t as J } from "./Tabs-TRXBM5Zr.js";
+import { n as Y, t as X } from "./RadioBox-C7bDjItJ.js";
+import { n as Z, t as Q } from "./Checkbox-DU_KGp-P.js";
+import { Modal as $ } from "./components/Modal/index.js";
+import { t as ee } from "./RoadmapDetails-CLQzIxv7.js";
+import { ModalContactFooter as te } from "./components/Modal/ModalContactFooter.js";
+import { useOptionalSidebarLayout as ne, useSidebarLayout as re } from "./components/Sidebar/context.js";
+import { SidebarLayout as ie, SidebarMain as ae } from "./components/Sidebar/SidebarLayout.js";
+import { SidebarResizer as oe } from "./components/Sidebar/SidebarResizer.js";
+import { Sidebar as se, SidebarBody as ce, SidebarHeader as le, SidebarSection as ue } from "./components/Sidebar/Sidebar.js";
+import { SidebarSwitcher as de } from "./components/Sidebar/SidebarSwitcher.js";
+import { NavItem as fe } from "./components/Sidebar/NavItem.js";
+import { NavGroup as pe } from "./components/Sidebar/NavGroup.js";
+import { NavDisclosure as me } from "./components/Sidebar/NavDisclosure.js";
 import "./components/Sidebar/index.js";
-import { t as pe } from "./PrevNextNav-XaxS2FTm.js";
-import { ThemeLoader as me, themeLoaderScript as he } from "./components/ThemeLoader/index.js";
-export { a as Box, s as BrowserFrame, o as Button, _ as ButtonGroup, X as Checkbox, Y as CheckboxGroup, f as ClientLogo, u as CodeBlock, w as Container, c as CopyCode, T as DiscordInvite, P as Dropdown, M as DropdownItem, N as DropdownSeparator, V as Footer, C as FormGroup, x as FormRow, l as FrameworkIcon, H as GPTInput, G as Header, E as Heading, m as Icon, S as InputGrouped, v as InputSolo, L as Label, h as Link, k as List, O as ListItem, A as Logo, p as LogoCarousel, Z as Modal, $ as ModalContactFooter, fe as NavDisclosure, de as NavGroup, ue as NavItem, I as NewTag, j as NewsletterSignup, U as Notification, F as PrefPanel, pe as PrevNextNav, g as ProductIcon, J as RadioBox, q as RadioBoxGroup, Q as RoadmapDetails, y as SearchDropdown, b as SelectGrouped, ae as Sidebar, oe as SidebarBody, se as SidebarHeader, ne as SidebarLayout, re as SidebarMain, ie as SidebarResizer, ce as SidebarSection, le as SidebarSwitcher, W as SubHeader, K as Tabs, me as ThemeLoader, i as ThemeProvider, D as Typography, R as VideoCover, z as VideoPlayer, B as VideoPlayerModal, d as clientLogoLabels, he as themeLoaderScript, n as useClipboard, t as useNextTheme, ee as useOptionalSidebarLayout, te as useSidebarLayout, r as useSuccessFlash, e as useTheme };
+import { t as he } from "./PrevNextNav-XaxS2FTm.js";
+import { ThemeLoader as ge, themeLoaderScript as _e } from "./components/ThemeLoader/index.js";
+export { a as Box, s as BrowserFrame, o as Button, _ as ButtonGroup, Q as Checkbox, Z as CheckboxGroup, f as ClientLogo, u as CodeBlock, w as Container, c as CopyCode, T as DiscordInvite, I as Dropdown, P as DropdownItem, F as DropdownSeparator, j as FeatureItem, A as Features, U as Footer, C as FormGroup, x as FormRow, l as FrameworkIcon, W as GPTInput, q as Header, E as Heading, m as Icon, S as InputGrouped, v as InputSolo, z as Label, h as Link, k as List, O as ListItem, M as Logo, p as LogoCarousel, $ as Modal, te as ModalContactFooter, me as NavDisclosure, pe as NavGroup, fe as NavItem, R as NewTag, N as NewsletterSignup, G as Notification, L as PrefPanel, he as PrevNextNav, g as ProductIcon, X as RadioBox, Y as RadioBoxGroup, ee as RoadmapDetails, y as SearchDropdown, b as SelectGrouped, se as Sidebar, ce as SidebarBody, le as SidebarHeader, ie as SidebarLayout, ae as SidebarMain, oe as SidebarResizer, ue as SidebarSection, de as SidebarSwitcher, K as SubHeader, J as Tabs, ge as ThemeLoader, i as ThemeProvider, D as Typography, B as VideoCover, V as VideoPlayer, H as VideoPlayerModal, d as clientLogoLabels, _e as themeLoaderScript, n as useClipboard, t as useNextTheme, ne as useOptionalSidebarLayout, re as useSidebarLayout, r as useSuccessFlash, e as useTheme };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.168",
+  "version": "1.0.170",
   "description": "Highsoft UI",
   "type": "module",
   "repository": {
@@ -68,8 +68,8 @@
     ]
   },
   "keywords": [],
-  "author": "",
-  "license": "ISC",
+  "author": "Highsoft AS <support@highcharts.com> (http://www.highcharts.com/about)",
+  "license": "https://www.highcharts.com/license",
   "dependencies": {
     "@astrojs/react": "^6.0.0",
     "@paper-design/shaders-react": "^0.0.76",