@cfx-dev/ui-components 4.3.0 → 4.3.2

package/dist/assets/css/DataTable.css

@@ -1 +1 @@
-.cfxui__DataTable__root__49417 table{width:100%;border-collapse:collapse;border-top-left-radius:var(--border-radius-small);border-top-right-radius:var(--border-radius-small);overflow:hidden}.cfxui__DataTable__root__49417 th,.cfxui__DataTable__root__49417 td{text-align:left;padding:0 calc(var(--quant) * 4);color:rgba(var(--color-primary),1);height:calc(var(--quant) * 8.75);box-sizing:border-box}.cfxui__DataTable__root__49417 td{padding:calc(var(--quant) * 1.5) calc(var(--quant) * 4)}.cfxui__DataTable__root__49417 .cfxui__DataTable__radio__8126b{padding:calc(var(--quant) * .25);width:calc(var(--quant) * 2)}.cfxui__DataTable__root__49417 .cfxui__DataTable__radio__8126b .cfxui__DataTable__radioContent__9c8cc{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cfxui__DataTable__root__49417 .cfxui__DataTable__pointer__91cb4{cursor:pointer}.cfxui__DataTable__root__49417 .cfxui__DataTable__selectedRow__39a1c{background-color:rgba(var(--color-secondary),.4);box-shadow:0 -1px rgba(var(--color-primary),1) inset}.cfxui__DataTable__root__49417 .cfxui__DataTable__headerText__aa726{letter-spacing:1px!important}.cfxui__DataTable__root__49417 th{position:sticky;top:0;z-index:0;background-color:rgba(var(--color-bg-light),1)}.cfxui__DataTable__root__49417 th .cfxui__DataTable__headerContent__1c65d{display:flex;align-items:center;flex-direction:row}.cfxui__DataTable__root__49417 th .cfxui__DataTable__headerContent__1c65d .cfxui__DataTable__iconButton__51252{margin-left:var(--offset-medium)}.cfxui__DataTable__root__49417 tr{box-shadow:0 -1px rgba(var(--color-bg-light),1) inset;box-sizing:border-box}.cfxui__DataTable__root__49417 tr:hover{background-color:rgba(var(--color-secondary),.2)}.cfxui__DataTable__root__49417 tr:hover:not(.cfxui__DataTable__selectedRow__39a1c){box-shadow:none}.cfxui__DataTable__hidden__41ce8{visibility:hidden}
+.cfxui__DataTable__root__49417 table{width:100%;border-collapse:collapse;border-top-left-radius:var(--border-radius-small);border-top-right-radius:var(--border-radius-small)}.cfxui__DataTable__root__49417 th,.cfxui__DataTable__root__49417 td{text-align:left;padding:0 calc(var(--quant) * 4);color:rgba(var(--color-primary),1);height:calc(var(--quant) * 8.75);box-sizing:border-box}.cfxui__DataTable__root__49417 td{padding:calc(var(--quant) * 1.5) calc(var(--quant) * 4)}.cfxui__DataTable__root__49417 .cfxui__DataTable__radio__8126b{padding:calc(var(--quant) * .25);width:calc(var(--quant) * 2)}.cfxui__DataTable__root__49417 .cfxui__DataTable__radio__8126b .cfxui__DataTable__radioContent__9c8cc{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cfxui__DataTable__root__49417 .cfxui__DataTable__pointer__91cb4{cursor:pointer}.cfxui__DataTable__root__49417 .cfxui__DataTable__selectedRow__39a1c{background-color:rgba(var(--color-secondary),.4);box-shadow:0 -1px rgba(var(--color-primary),1) inset}.cfxui__DataTable__root__49417 .cfxui__DataTable__headerText__aa726{letter-spacing:1px!important}.cfxui__DataTable__root__49417 th{position:sticky;top:0;z-index:0;background-color:rgba(var(--color-bg-light),1)}.cfxui__DataTable__root__49417 th .cfxui__DataTable__headerContent__1c65d{display:flex;align-items:center;flex-direction:row}.cfxui__DataTable__root__49417 th .cfxui__DataTable__headerContent__1c65d .cfxui__DataTable__iconButton__51252{margin-left:var(--offset-medium)}.cfxui__DataTable__root__49417 tr{box-shadow:0 -1px rgba(var(--color-bg-light),1) inset;box-sizing:border-box}.cfxui__DataTable__root__49417 tr:hover{background-color:rgba(var(--color-secondary),.2)}.cfxui__DataTable__root__49417 tr:hover:not(.cfxui__DataTable__selectedRow__39a1c){box-shadow:none}.cfxui__DataTable__hidden__41ce8{visibility:hidden}

package/dist/components/Table/TableCellCheckbox.js

@@ -9,10 +9,10 @@ function b(l) {
     checked: o = !1,
     isPlaceholder: s,
     disabled: r = !1,
-    className: a,
-    ...t
+    className: t,
+    ...a
   } = l;
-  return /* @__PURE__ */ e(f, { width: 2, px: 0, pl: 4, className: i(p.tableCellCheckbox, a), ...t, children: !s && /* @__PURE__ */ e(c, { disabled: r, size: "small", checked: o }) });
+  return /* @__PURE__ */ e(f, { width: 2, px: 0, pl: 4, className: i(p.tableCellCheckbox, t), ...a, children: !s && /* @__PURE__ */ e(c, { disabled: r, size: "small", checked: o }) });
 }
 const u = m.memo(b);
 export {

package/dist/components/Table/index.d.ts

@@ -1,16 +1,17 @@
-import { default as TableBody } from './TableBody';
-import { default as TableCell } from './TableCell';
-import { default as TableHeader } from './TableHeader';
-import { default as TableRoot } from './TableRoot';
-import { default as TableRow } from './TableRow';
+import { default as Body } from './TableBody';
+import { default as Cell } from './TableCell';
+import { default as Header } from './TableHeader';
+import { default as Root } from './TableRoot';
+import { default as Row } from './TableRow';
 
 export declare const Table: {
-    Root: typeof TableRoot;
-    Header: typeof TableHeader;
-    Body: typeof TableBody;
-    Row: typeof TableRow;
-    Cell: typeof TableCell;
+    Root: typeof Root;
+    Header: typeof Header;
+    Body: typeof Body;
+    Row: typeof Row;
+    Cell: typeof Cell;
     CellCheckbox: import('react').MemoExoticComponent<(props: import('./TableCellCheckbox').TableCellCheckboxProps) => import("react/jsx-runtime").JSX.Element>;
+    IconButton: import('react').MemoExoticComponent<(props: import('../IconButton').IconButtonProps) => import("react/jsx-runtime").JSX.Element>;
 };
 export { default as TableIconButton } from './TableIconButton';
 export type { TableRootProps } from './TableRoot';

package/dist/components/Table/index.js

@@ -1,19 +1,20 @@
 import o from "./TableBody.js";
-import e from "./TableCell.js";
-import l from "./TableCellCheckbox.js";
-import r from "./TableHeader.js";
-import t from "./TableRoot.js";
-import m from "./TableRow.js";
-import { default as x } from "./TableIconButton.js";
-const C = {
-  Root: t,
-  Header: r,
+import r from "./TableCell.js";
+import e from "./TableCellCheckbox.js";
+import t from "./TableHeader.js";
+import m from "./TableIconButton.js";
+import l from "./TableRoot.js";
+import a from "./TableRow.js";
+const d = {
+  Root: l,
+  Header: t,
   Body: o,
-  Row: m,
-  Cell: e,
-  CellCheckbox: l
+  Row: a,
+  Cell: r,
+  CellCheckbox: e,
+  IconButton: m
 };
 export {
-  C as Table,
-  x as TableIconButton
+  d as Table,
+  m as TableIconButton
 };

package/dist/main.d.ts

@@ -114,7 +114,7 @@ export { Tabular } from './components/Tabular';
 export type { TabularProps, TabularItem, TabularRootProps, } from './components/Tabular';
 export { DataTable, DataTableHeaderItem, DataTableRow, } from './components/DataTable';
 export type { DataTableHeaderType, DataTableProps, DataTableRowType, DataTableContainerType, DataTableHeaderItemProps, DataTableRowProps, } from './components/DataTable';
-export { Table } from './components/Table';
+export { Table, TableIconButton, } from './components/Table';
 export type { TableRootProps, TableBodyProps, TableHeaderProps, TableCellProps, TableRowProps, } from './components/Table';
 export { TextSizeEnum, Text, TextBlock, getTextOpacity, DEFAULT_TEXT_COLOR, TEXT_OPACITY_MAP, textSizeResponsiveValueFormatter, } from './components/Text';
 export type { TextSize, TextWeight, TextOpacity, TextAs, TextLetterSpacing, TextProps, TextColorProps, TextFamaly, } from './components/Text';

package/dist/main.js

@@ -1,29 +1,29 @@
 import { mergeRefs as e } from "./utils/mergeRefs.js";
 import { clsx as a } from "./utils/clsx.js";
-import { getValue as f } from "./utils/getValue.js";
+import { getValue as m } from "./utils/getValue.js";
 import { usePopoverController as x } from "./utils/hooks/usePopoverController.js";
 import { useInstance as l } from "./utils/hooks/useInstance.js";
 import { useDynamicRef as s } from "./utils/hooks/useDynamicRef.js";
 import { useGlobalKeyboardEvent as d } from "./utils/hooks/useGlobalKeyboardEvent.js";
 import { useKeyboardClose as T } from "./utils/hooks/useKeyboardClose.js";
 import { useWindowResize as C } from "./utils/hooks/useWindowResize.js";
-import { useOutlet as E } from "./utils/hooks/useOutlet.js";
+import { useOutlet as B } from "./utils/hooks/useOutlet.js";
 import { CLIPBOARD_TITLE_APPEARANCE as L, useClipboardComponent as S } from "./utils/hooks/useClipboardComponent.js";
-import { identity as R, invoke as k, noop as A, returnFalse as D, returnTrue as O } from "./utils/functional.js";
-import { Linkify as b, defaultLinkReplacer as F, defaultLinkReplacerx as _, isExternalUrl as v, linkify as h, linkifyx as U, matchLinkNodes as z, matchLinks as w } from "./utils/links.js";
+import { identity as R, invoke as k, noop as A, returnFalse as D, returnTrue as b } from "./utils/functional.js";
+import { Linkify as P, defaultLinkReplacer as F, defaultLinkReplacerx as _, isExternalUrl as v, linkify as h, linkifyx as U, matchLinkNodes as z, matchLinks as w } from "./utils/links.js";
 import { clamp as N, clamp01 as G, minmax as V } from "./utils/math.js";
 import { isFalseString as Y, isTrueString as H, normalizeSlashes as W, replaceRange as X, splitByIndices as J, unicodeCharAt as Q } from "./utils/string.js";
 import { debounce as j, throttle as q } from "./utils/execution.js";
 import { getColor as oo } from "./utils/color.js";
 import { ui as eo } from "./utils/ui/ui.js";
-import { BorderRadiusEnum as ao, ColorEnum as mo, MediaQueryEnum as fo, OffsetEnum as po, TextSizeEnum as xo, ZIndexEnum as no } from "./utils/ui/ui.types.js";
+import { BorderRadiusEnum as ao, ColorEnum as fo, MediaQueryEnum as mo, OffsetEnum as po, TextSizeEnum as xo, ZIndexEnum as no } from "./utils/ui/ui.types.js";
 import { isInEnum as uo } from "./utils/enum.js";
 import { default as io } from "./components/IconButton/IconButton.js";
-import { Accordion as To, AccordionContent as Io, AccordionHeader as Co, AccordionItem as go, AccordionTrigger as Eo } from "./components/Accordion/Accordion.js";
+import { Accordion as To, AccordionContent as Io, AccordionHeader as Co, AccordionItem as go, AccordionTrigger as Bo } from "./components/Accordion/Accordion.js";
 import { default as Lo } from "./components/ClipboardButton/ClipboardButton.js";
 import { default as yo } from "./components/Checkbox/Checkbox.js";
 import { default as ko, ButtonContent as Ao, getButtonClassName as Do } from "./components/Button/Button.js";
-import { ButtonBar as Po } from "./components/Button/ButtonBar.js";
+import { ButtonBar as Oo } from "./components/Button/ButtonBar.js";
 import { LinkButton as Fo } from "./components/Button/LinkButton.js";
 import { BurgerMenuButton as vo } from "./components/BurgerMenu/BurgerMenuButton.js";
 import { BurgerMenu as Uo } from "./components/BurgerMenu/BurgerMenu.js";
@@ -36,19 +36,19 @@ import { default as jo } from "./components/ControlBox/ControlBox.js";
 import { default as $o } from "./components/CountryFlag/CountryFlag.js";
 import { default as rr } from "./components/Decorate/Decorate.js";
 import { Dot as tr } from "./components/Dot/Dot.js";
-import { FLYOUT_OUTLET_ID as mr, Flyout as fr } from "./components/Flyout/Flyout.js";
+import { FLYOUT_OUTLET_ID as fr, Flyout as mr } from "./components/Flyout/Flyout.js";
 import { Logos as xr } from "./components/Logos/index.js";
 import { I as lr } from "./cfxIcons-B9nzO6TW.js";
 import { I as sr } from "./cfxIconsBig-BLJjMT-Y.js";
 import { Icon as dr } from "./components/Icon/Icon.js";
 import { IconBig as Tr } from "./components/IconBig/IconBig.js";
 import { Indicator as Cr } from "./components/Indicator/Indicator.js";
-import { default as Er } from "./components/InfoPanel/InfoPanel.js";
+import { default as Br } from "./components/InfoPanel/InfoPanel.js";
 import { default as Lr } from "./components/Input/Input.js";
 import { default as yr } from "./components/Input/RichInput.js";
 import { Interactive as kr } from "./components/Interactive/Interactive.js";
-import { Island as Dr, IslandCorner as Or } from "./components/Island/Island.js";
-import { default as br, stringPropFormater as Fr } from "./components/Layout/Box/Box.js";
+import { Island as Dr, IslandCorner as br } from "./components/Island/Island.js";
+import { default as Pr, stringPropFormater as Fr } from "./components/Layout/Box/Box.js";
 import { Center as vr } from "./components/Layout/Center/Center.js";
 import { default as Ur } from "./components/Layout/Flex/Flex.js";
 import { FlexAlignItemsEnum as wr, FlexDirectionEnum as Mr, FlexJustifyContentEnum as Nr, FlexWrapEnum as Gr } from "./components/Layout/Flex/Flex.types.js";
@@ -60,19 +60,19 @@ import { Scrollable as jr } from "./components/Layout/Scrollable/Scrollable.js";
 import { VirtualScrollable as $r } from "./components/Layout/Scrollable/VirtualScrollable.js";
 import { Loaf as re } from "./components/Loaf/Loaf.js";
 import { Modal as te } from "./components/Modal/Modal.js";
-import { NavList as me } from "./components/NavList/NavList.js";
+import { NavList as fe } from "./components/NavList/NavList.js";
 import { OVERLAY_OUTLET_ID as pe, Overlay as xe } from "./components/Overlay/Overlay.js";
 import { Popover as le } from "./components/Popover/Popover.js";
 import { PremiumBadge as se } from "./components/PremiumBadge/PremiumBadge.js";
 import { Prose as de } from "./components/Prose/Prose.js";
 import { Radio as Te } from "./components/Radio/Radio.js";
 import { Select as Ce } from "./components/Select/Select.js";
-import { DropdownSelect as Ee } from "./components/DropdownSelect/DropdownSelect.js";
+import { DropdownSelect as Be } from "./components/DropdownSelect/DropdownSelect.js";
 import { Separator as Le } from "./components/Separator/Separator.js";
 import { Shroud as ye } from "./components/Shroud/Shroud.js";
 import { Slider as ke } from "./components/Slider/Slider.js";
 import { Spacer as De } from "./components/Spacer/Spacer.js";
-import { Style as Pe, useContextualStyle as be } from "./components/Style/Style.js";
+import { Style as Oe, useContextualStyle as Pe } from "./components/Style/Style.js";
 import { default as _e } from "./components/Switch/Switch.js";
 import { ToggleGroup as he } from "./components/ToggleGroup/ToggleGroup.js";
 import { Tabular as ze } from "./components/Tabular/Tabular.js";
@@ -81,34 +81,35 @@ import { Table as Ke } from "./components/Table/index.js";
 import { DEFAULT_TEXT_COLOR as He, TEXT_OPACITY_MAP as We, Text as Xe, TextBlock as Je, getTextOpacity as Qe, textSizeResponsiveValueFormatter as Ze } from "./components/Text/Text.js";
 import { Textarea as qe } from "./components/Textarea/Textarea.js";
 import { TITLE_OUTLET_ID as ot, Title as rt, titleGetCoords as et, titleGetCssStyle as tt } from "./components/Title/Title.js";
-import { default as mt } from "./components/InputDropzone/InputDropzone.js";
+import { default as ft } from "./components/InputDropzone/InputDropzone.js";
 import { default as pt } from "./components/InputDropzone/ItemPreview.js";
 import { default as nt } from "./components/Skeleton/Skeleton.js";
 import { OnScreenSensor as ut } from "./components/OnScreenSensor.js";
 import { Symbols as it } from "./components/Symbols.js";
+import { default as ct } from "./components/Table/TableIconButton.js";
 export {
   To as Accordion,
   Io as AccordionContent,
   Co as AccordionHeader,
   go as AccordionItem,
-  Eo as AccordionTrigger,
+  Bo as AccordionTrigger,
   Yo as Avatar,
   Wo as BACKDROP_OUTLET_ID,
   Xo as BackdropPortal,
   Qo as Badge,
   ao as BorderRadiusEnum,
-  br as Box,
+  Pr as Box,
   Uo as BurgerMenu,
   vo as BurgerMenuButton,
   ko as Button,
-  Po as ButtonBar,
+  Oo as ButtonBar,
   Ao as ButtonContent,
   Vo as ButtonLink,
   L as CLIPBOARD_TITLE_APPEARANCE,
   vr as Center,
   yo as Checkbox,
   Lo as ClipboardButton,
-  mo as ColorEnum,
+  fo as ColorEnum,
   jo as ControlBox,
   $o as CountryFlag,
   He as DEFAULT_TEXT_COLOR,
@@ -117,36 +118,36 @@ export {
   Ge as DataTableRow,
   rr as Decorate,
   tr as Dot,
-  Ee as DropdownSelect,
+  Be as DropdownSelect,
   pt as DropzoneItemPreview,
-  mr as FLYOUT_OUTLET_ID,
+  fr as FLYOUT_OUTLET_ID,
   Ur as Flex,
   wr as FlexAlignItemsEnum,
   Mr as FlexDirectionEnum,
   Nr as FlexJustifyContentEnum,
   Kr as FlexRestricter,
   Gr as FlexWrapEnum,
-  fr as Flyout,
+  mr as Flyout,
   dr as Icon,
   Tr as IconBig,
   io as IconButton,
   lr as Icons,
   sr as IconsBig,
   Cr as Indicator,
-  Er as InfoPanel,
+  Br as InfoPanel,
   Lr as Input,
-  mt as InputDropzone,
+  ft as InputDropzone,
   kr as Interactive,
   Dr as Island,
-  Or as IslandCorner,
+  br as IslandCorner,
   wo as Link,
   Fo as LinkButton,
-  b as Linkify,
+  P as Linkify,
   re as Loaf,
   xr as Logos,
-  fo as MediaQueryEnum,
+  mo as MediaQueryEnum,
   te as Modal,
-  me as NavList,
+  fe as NavList,
   pe as OVERLAY_OUTLET_ID,
   po as OffsetEnum,
   ut as OnScreenSensor,
@@ -166,12 +167,13 @@ export {
   nt as Skeleton,
   ke as Slider,
   De as Spacer,
-  Pe as Style,
+  Oe as Style,
   _e as Switch,
   it as Symbols,
   We as TEXT_OPACITY_MAP,
   ot as TITLE_OUTLET_ID,
   Ke as Table,
+  ct as TableIconButton,
   ze as Tabular,
   Xe as Text,
   Je as TextBlock,
@@ -192,7 +194,7 @@ export {
   Mo as getLinkClassName,
   No as getLinkStyles,
   Qe as getTextOpacity,
-  f as getValue,
+  m as getValue,
   R as identity,
   k as invoke,
   v as isExternalUrl,
@@ -209,7 +211,7 @@ export {
   W as normalizeSlashes,
   X as replaceRange,
   D as returnFalse,
-  O as returnTrue,
+  b as returnTrue,
   J as splitByIndices,
   Fr as stringPropFormater,
   Ze as textSizeResponsiveValueFormatter,
@@ -219,12 +221,12 @@ export {
   eo as ui,
   Q as unicodeCharAt,
   S as useClipboardComponent,
-  be as useContextualStyle,
+  Pe as useContextualStyle,
   s as useDynamicRef,
   d as useGlobalKeyboardEvent,
   l as useInstance,
   T as useKeyboardClose,
-  E as useOutlet,
+  B as useOutlet,
   x as usePopoverController,
   C as useWindowResize
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cfx-dev/ui-components",
   "private": false,
-  "version": "4.3.0",
+  "version": "4.3.2",
   "type": "module",
   "license": "MIT",
   "main": "dist/main.js",