highsoft-ui 1.0.166 → 1.0.167

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

@@ -0,0 +1,35 @@
+import { FC, HTMLAttributes, LiHTMLAttributes, ReactNode, SVGProps } from 'react';
+import { TypographyColor } from '../Typography';
+export type ListSize = 50 | 75 | 100 | 200 | 300;
+/**
+ * `bullet` renders a `<ul>` whose marker is an icon; `number` renders an
+ * `<ol>` with decimal numerals. Numbers are the only ordered style — no
+ * letters, roman numerals or symbols.
+ */
+export type ListVariant = 'bullet' | 'number';
+/** A marker icon: any component from `@untitled-ui/icons-react`. */
+export type ListIcon = FC<SVGProps<SVGSVGElement>>;
+export interface ListProps extends Omit<HTMLAttributes<HTMLUListElement | HTMLOListElement>, 'color'> {
+    /** `bullet` (default) — icon markers in a `<ul>`; `number` — decimal numerals in an `<ol>` */
+    variant?: ListVariant;
+    /** Text size — the typography sizes 50, 75, 100, 200 (default) and 300. The marker scales with it. */
+    size?: ListSize;
+    /** Bullet icon, an `@untitled-ui/icons-react` component (default `ArrowRight`). Bullet lists only; `ListItem` can override it per item. */
+    icon?: ListIcon;
+    /** Text color (default `primary`) */
+    color?: TypographyColor;
+    /** Marker color — the icon or the numeral. Defaults to `color`; `ListItem` can override it per item. */
+    iconColor?: TypographyColor;
+    /** First number of a `number` list (default `1`) */
+    start?: number;
+    children?: ReactNode;
+}
+export declare const List: import('react').ForwardRefExoticComponent<ListProps & import('react').RefAttributes<HTMLOListElement | HTMLUListElement>>;
+export interface ListItemProps extends Omit<LiHTMLAttributes<HTMLLIElement>, 'color'> {
+    /** Override the list's bullet icon for this item (bullet lists only) */
+    icon?: ListIcon;
+    /** Override the marker color for this item */
+    iconColor?: TypographyColor;
+    children?: ReactNode;
+}
+export declare const ListItem: import('react').ForwardRefExoticComponent<ListItemProps & import('react').RefAttributes<HTMLLIElement>>;

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

@@ -2,6 +2,7 @@ import { HTMLAttributes, ElementType, ReactNode } from 'react';
 export type TypographySize = 50 | 75 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | 1000;
 export type TypographyWeight = 'normal' | 'medium' | 'semi';
 export type TypographyColor = 'primary' | 'secondary' | 'tertiary' | 'brand' | 'brandAlt' | 'brandSelected' | 'successPrimary' | 'successSecondary' | 'successAlt' | 'attention' | 'attentionAlt' | 'danger';
+export declare const TYPOGRAPHY_COLOR_MAP: Record<TypographyColor, string>;
 export interface TypographyProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
     size?: TypographySize;

package/dist/lib/main.d.ts

@@ -6,6 +6,7 @@ export type { DiscordInviteProps } from './components/DiscordInvite';
 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 { LinkProps, LinkVariant } from './components/Link';
 export type { ProductIconProps, ProductIconTheme, ProductIconName } from './components/ProductIcon';
 export type { FrameworkIconProps, FrameworkIconTheme, FrameworkIconName } from './components/FrameworkIcon';
@@ -38,6 +39,7 @@ export { Container } from './components/Container';
 export { DiscordInvite } from './components/DiscordInvite';
 export { Heading } from './components/Heading';
 export { Typography } from './components/Typography';
+export { List, ListItem } from './components/List';
 export { Footer } from './components/Footer';
 export { GPTInput } from './components/GPTInput';
 export { Header, SubHeader } from './components/Header';

package/dist/main.js

@@ -1,50 +1,51 @@
 import { c as e, d as t, r as n, s as r, u as i } from "./utils-K9S_6_Eq.js";
 import { t as a } from "./Box-BZgeSeCV.js";
-import { t as o } from "./Button-Ckhn8DSF.js";
-import { t as s } from "./BrowserFrame-BWKH-jYq.js";
-import { t as c } from "./CopyCode-BOehQAZN.js";
+import { t as o } from "./Button-CdrrwvXk.js";
+import { t as s } from "./BrowserFrame-BMEB82QL.js";
+import { t as c } from "./CopyCode-DxxkY2kc.js";
 import { t as l } from "./FrameworkIcon-B8GmMx0r.js";
-import { t as u } from "./CodeBlock-C2W0T4RT.js";
+import { t as u } from "./CodeBlock-uC58F4a0.js";
 import { n as d, t as f } from "./ClientLogo-Dj7K48YL.js";
-import { t as p } from "./LogoCarousel-CJShpLJo.js";
+import { t as p } from "./LogoCarousel-BF0C-ZTk.js";
 import { t as m } from "./Icon-DJTgdvsG.js";
 import { t as h } from "./Link-CYR92_U0.js";
 import { t as g } from "./ProductIcon-C5yvnjHr.js";
-import { t as _ } from "./ButtonGroup-DJ9-E38n.js";
+import { t as _ } from "./ButtonGroup-BLkws_1r.js";
 import { t as v } from "./InputSolo-DUdKtZjX.js";
-import { t as y } from "./SearchDropdown-BA7CPuRf.js";
-import { i as b, n as x, r as S, t as C } from "./InputGrouped-BLtnqxWc.js";
+import { t as y } from "./SearchDropdown-LvkKAoM9.js";
+import { i as b, n as x, r as S, t as C } from "./InputGrouped-vToXKD3G.js";
 import { t as w } from "./Container-BDssaLig.js";
 import { t as T } from "./DiscordInvite-CLYxexdH.js";
 import { t as E } from "./Heading-DNDHqYWO.js";
-import { t as D } from "./Typography-AvvBRu-u.js";
-import { t as O } from "./Logo-Bz0G2G-k.js";
-import { t as k } from "./NewsletterSignup-g8wPQ7NZ.js";
-import { n as A, r as j, t as M } from "./Dropdown-Cjl8RQ5Y.js";
-import { t as N } from "./PrefPanel-Cf-xZ261.js";
-import { n as P, t as F } from "./Label-KDdBAgyD.js";
-import { t as I } from "./VideoCover-DlhRqr4Q.js";
-import { t as L } from "./VideoPlayer-De_ejf8u.js";
-import { t as R } from "./VideoPlayerModal-DNUIn0jM.js";
-import { t as z } from "./Footer-DLMNyBXC.js";
-import { n as B } from "./GPTInput-C0YG1990.js";
-import { t as V } from "./Notification-DQostuW6.js";
-import { n as H, t as U } from "./Header-Pe6siDNx.js";
-import { t as W } from "./Tabs-BuDaPqdN.js";
-import { n as G, t as K } from "./RadioBox-o1Ssyj0s.js";
-import { n as q, t as J } from "./Checkbox-D1mlWTmw.js";
-import { Modal as Y } from "./components/Modal/index.js";
-import { t as X } from "./RoadmapDetails-DMrLLty1.js";
-import { ModalContactFooter as Z } from "./components/Modal/ModalContactFooter.js";
-import { useOptionalSidebarLayout as Q, useSidebarLayout as $ } from "./components/Sidebar/context.js";
-import { SidebarLayout as ee, SidebarMain as te } from "./components/Sidebar/SidebarLayout.js";
-import { SidebarResizer as ne } from "./components/Sidebar/SidebarResizer.js";
-import { Sidebar as re, SidebarBody as ie, SidebarHeader as ae, SidebarSection as oe } from "./components/Sidebar/Sidebar.js";
-import { SidebarSwitcher as se } from "./components/Sidebar/SidebarSwitcher.js";
-import { NavItem as ce } from "./components/Sidebar/NavItem.js";
-import { NavGroup as le } from "./components/Sidebar/NavGroup.js";
-import { NavDisclosure as ue } from "./components/Sidebar/NavDisclosure.js";
+import { n as D } from "./Typography-DI1AkqiO.js";
+import { n as O, t as k } from "./List-DjnBw3VY.js";
+import { t as A } from "./Logo-Bz0G2G-k.js";
+import { t as j } from "./NewsletterSignup-BTSzt793.js";
+import { n as M, r as N, t as P } from "./Dropdown-QsYaDPOC.js";
+import { t as F } from "./PrefPanel-PUo4GkIF.js";
+import { n as I, t as L } from "./Label-B-Xt6XQQ.js";
+import { t as R } from "./VideoCover-BSDxeqcs.js";
+import { t as z } from "./VideoPlayer-BpvOHF5Z.js";
+import { t as B } from "./VideoPlayerModal-CUfLw2MK.js";
+import { t as V } from "./Footer-HsmWZqYI.js";
+import { n as H } from "./GPTInput-C0YG1990.js";
+import { t as U } from "./Notification-Bb5gAUtp.js";
+import { n as W, t as G } from "./Header-CrLwXLXJ.js";
+import { t as K } from "./Tabs-B3LZUm4Q.js";
+import { n as q, t as J } from "./RadioBox-o1Ssyj0s.js";
+import { n as Y, t as X } from "./Checkbox-CANbP6f1.js";
+import { Modal as Z } from "./components/Modal/index.js";
+import { t as Q } from "./RoadmapDetails-BeOcvtZS.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 "./components/Sidebar/index.js";
-import { t as de } from "./PrevNextNav-Cd6_IdPd.js";
-import { ThemeLoader as fe, themeLoaderScript as pe } from "./components/ThemeLoader/index.js";
-export { a as Box, s as BrowserFrame, o as Button, _ as ButtonGroup, J as Checkbox, q as CheckboxGroup, f as ClientLogo, u as CodeBlock, w as Container, c as CopyCode, T as DiscordInvite, M as Dropdown, A as DropdownItem, j as DropdownSeparator, z as Footer, C as FormGroup, x as FormRow, l as FrameworkIcon, B as GPTInput, U as Header, E as Heading, m as Icon, S as InputGrouped, v as InputSolo, F as Label, h as Link, O as Logo, p as LogoCarousel, Y as Modal, Z as ModalContactFooter, ue as NavDisclosure, le as NavGroup, ce as NavItem, P as NewTag, k as NewsletterSignup, V as Notification, N as PrefPanel, de as PrevNextNav, g as ProductIcon, K as RadioBox, G as RadioBoxGroup, X as RoadmapDetails, y as SearchDropdown, b as SelectGrouped, re as Sidebar, ie as SidebarBody, ae as SidebarHeader, ee as SidebarLayout, te as SidebarMain, ne as SidebarResizer, oe as SidebarSection, se as SidebarSwitcher, H as SubHeader, W as Tabs, fe as ThemeLoader, i as ThemeProvider, D as Typography, I as VideoCover, L as VideoPlayer, R as VideoPlayerModal, d as clientLogoLabels, pe as themeLoaderScript, n as useClipboard, t as useNextTheme, Q as useOptionalSidebarLayout, $ as useSidebarLayout, r as useSuccessFlash, e as useTheme };
+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 };

package/dist/{prism-light-CAkriFcS.js → prism-light-oph9ikSp.js}

@@ -1,5 +1,5 @@
 import { r as e } from "./chunk-jwUa06l-.js";
-import { r as t, t as n } from "./create-element-BNkLOXrc.js";
+import { r as t, t as n } from "./create-element-DvDqDt-f.js";
 import r from "react";
 //#region node_modules/@babel/runtime/helpers/esm/objectWithoutPropertiesLoose.js
 function i(e, t) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "highsoft-ui",
-  "version": "1.0.166",
+  "version": "1.0.167",
   "description": "Highsoft UI",
   "type": "module",
   "repository": {