@cfx-dev/ui-components 4.2.20 → 4.2.21

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.
Files changed (95) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +1 -7
  2. package/dist/components/Accordion/index.d.ts +1 -0
  3. package/dist/components/BackdropPortal/BackdropPortal.d.ts +2 -0
  4. package/dist/components/BackdropPortal/BackdropPortal.js +7 -5
  5. package/dist/components/BackdropPortal/index.d.ts +2 -0
  6. package/dist/components/BackdropPortal/index.js +5 -0
  7. package/dist/components/Badge/index.d.ts +1 -1
  8. package/dist/components/ClipboardButton/ClipboardButton.d.ts +3 -3
  9. package/dist/components/ClipboardButton/ClipboardButton.js +10 -9
  10. package/dist/components/ControlBox/ControlBox.d.ts +2 -0
  11. package/dist/components/ControlBox/ControlBox.js +10 -9
  12. package/dist/components/ControlBox/index.d.ts +2 -0
  13. package/dist/components/ControlBox/index.js +4 -0
  14. package/dist/components/CountryFlag/CountryFlag.d.ts +2 -0
  15. package/dist/components/CountryFlag/CountryFlag.js +14 -13
  16. package/dist/components/CountryFlag/index.d.ts +2 -0
  17. package/dist/components/CountryFlag/index.js +4 -0
  18. package/dist/components/Decorate/Decorate.d.ts +2 -0
  19. package/dist/components/Decorate/Decorate.js +15 -14
  20. package/dist/components/Decorate/index.d.ts +2 -0
  21. package/dist/components/Decorate/index.js +4 -0
  22. package/dist/components/DropdownSelect/DropdownSelect.js +802 -1040
  23. package/dist/components/DropdownSelect/index.d.ts +1 -0
  24. package/dist/components/Flyout/Flyout.d.ts +2 -1
  25. package/dist/components/Flyout/index.d.ts +2 -0
  26. package/dist/components/Flyout/index.js +5 -0
  27. package/dist/components/IconButton/IconButton.d.ts +2 -3
  28. package/dist/components/IconButton/index.d.ts +1 -1
  29. package/dist/components/Indicator/index.d.ts +2 -0
  30. package/dist/components/Indicator/index.js +4 -0
  31. package/dist/components/Input/index.d.ts +1 -1
  32. package/dist/components/InputDropzone/index.d.ts +3 -3
  33. package/dist/components/InputDropzone/index.js +3 -3
  34. package/dist/components/Interactive/index.d.ts +2 -0
  35. package/dist/components/Interactive/index.js +4 -0
  36. package/dist/components/Island/index.d.ts +2 -0
  37. package/dist/components/Island/index.js +5 -0
  38. package/dist/components/Layout/Box/Box.d.ts +1 -0
  39. package/dist/components/Layout/Box/Box.js +2 -1
  40. package/dist/components/Layout/Box/index.d.ts +2 -0
  41. package/dist/components/Layout/Box/index.js +5 -0
  42. package/dist/components/Layout/Center/index.d.ts +2 -0
  43. package/dist/components/Layout/Center/index.js +4 -0
  44. package/dist/components/Layout/Flex/Flex.d.ts +3 -3
  45. package/dist/components/Layout/Flex/Flex.types.d.ts +7 -0
  46. package/dist/components/Layout/Flex/Flex.types.js +6 -5
  47. package/dist/components/Layout/Flex/index.d.ts +5 -0
  48. package/dist/components/Layout/Flex/index.js +6 -0
  49. package/dist/components/Layout/Pad/index.d.ts +2 -0
  50. package/dist/components/Layout/Pad/index.js +4 -0
  51. package/dist/components/Layout/Page/index.d.ts +2 -0
  52. package/dist/components/Layout/Page/index.js +4 -0
  53. package/dist/components/Loaf/index.d.ts +2 -0
  54. package/dist/components/Loaf/index.js +4 -0
  55. package/dist/components/NavList/index.d.ts +2 -0
  56. package/dist/components/NavList/index.js +4 -0
  57. package/dist/components/Overlay/index.d.ts +2 -0
  58. package/dist/components/Overlay/index.js +5 -0
  59. package/dist/components/PremiumBadge/index.d.ts +2 -0
  60. package/dist/components/PremiumBadge/index.js +4 -0
  61. package/dist/components/Prose/Prose.d.ts +1 -2
  62. package/dist/components/Prose/index.d.ts +2 -0
  63. package/dist/components/Prose/index.js +4 -0
  64. package/dist/components/Radio/index.d.ts +2 -0
  65. package/dist/components/Radio/index.js +4 -0
  66. package/dist/components/Select/Select.js +1 -1
  67. package/dist/components/Separator/index.d.ts +2 -0
  68. package/dist/components/Separator/index.js +4 -0
  69. package/dist/components/Shroud/index.d.ts +2 -0
  70. package/dist/components/Shroud/index.js +4 -0
  71. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  72. package/dist/components/Skeleton/index.d.ts +1 -0
  73. package/dist/components/Slider/Slider.js +294 -374
  74. package/dist/components/Spacer/index.d.ts +2 -0
  75. package/dist/components/Spacer/index.js +4 -0
  76. package/dist/components/Style/index.d.ts +2 -0
  77. package/dist/components/Style/index.js +5 -0
  78. package/dist/components/Table/Table.d.ts +13 -4
  79. package/dist/components/Table/Table.js +2 -1
  80. package/dist/components/Table/index.d.ts +2 -2
  81. package/dist/components/Table/index.js +5 -2
  82. package/dist/components/Text/Text.types.d.ts +2 -1
  83. package/dist/components/Text/index.d.ts +1 -1
  84. package/dist/components/Textarea/index.d.ts +2 -0
  85. package/dist/components/Textarea/index.js +4 -0
  86. package/dist/components/Title/Title.d.ts +5 -4
  87. package/dist/components/Title/Title.js +4 -2
  88. package/dist/components/Title/index.d.ts +2 -0
  89. package/dist/components/Title/index.js +7 -0
  90. package/dist/index-AweK2ufS.js +171 -0
  91. package/dist/{index-DBus3GoO.js → index-Bz27DCHt.js} +2 -2
  92. package/dist/main.d.ts +92 -69
  93. package/dist/main.js +185 -173
  94. package/package.json +1 -1
  95. package/dist/index-CjTSD6zB.js +0 -161
@@ -1 +1,2 @@
1
1
  export { DropdownSelect } from './DropdownSelect';
2
+ export type { DropdownSelectProps } from './DropdownSelect';
@@ -1,9 +1,10 @@
1
1
  import { default as React } from 'react';
2
2
 
3
3
  export declare const FLYOUT_OUTLET_ID = "flyout-outlet";
4
+ export type FlyoutSize = 'normal' | 'small' | 'xsmall';
4
5
  export interface FlyoutProps {
5
6
  disabled?: boolean;
6
- size?: 'normal' | 'small' | 'xsmall';
7
+ size?: FlyoutSize;
7
8
  onClose?(): void;
8
9
  children?: React.ReactNode;
9
10
  holderClassName?: string;
@@ -0,0 +1,2 @@
1
+ export { FLYOUT_OUTLET_ID, Flyout } from './Flyout';
2
+ export type { FlyoutProps, FlyoutSize } from './Flyout';
@@ -0,0 +1,5 @@
1
+ import { FLYOUT_OUTLET_ID as r, Flyout as t } from "./Flyout.js";
2
+ export {
3
+ r as FLYOUT_OUTLET_ID,
4
+ t as Flyout
5
+ };
@@ -1,9 +1,8 @@
1
1
  import { default as React } from 'react';
2
- import { IconSize } from '../Icon';
3
- import { IconName } from '../Icons';
2
+ import { IconSize, IconName } from '../Icon';
4
3
  import { TextColorProps } from '../Text';
5
4
 
6
- type IconButtonAreaSize = 'small' | 'medium' | 'large';
5
+ export type IconButtonAreaSize = 'small' | 'medium' | 'large';
7
6
  export interface IconButtonProps extends TextColorProps {
8
7
  name: IconName;
9
8
  size?: IconSize;
@@ -1,2 +1,2 @@
1
1
  export { default as IconButton } from './IconButton';
2
- export type { IconButtonProps } from './IconButton';
2
+ export type { IconButtonProps, IconButtonAreaSize } from './IconButton';
@@ -0,0 +1,2 @@
1
+ export { Indicator } from './Indicator';
2
+ export type { IndicatorProps } from './Indicator';
@@ -0,0 +1,4 @@
1
+ import { Indicator as t } from "./Indicator.js";
2
+ export {
3
+ t as Indicator
4
+ };
@@ -1,4 +1,4 @@
1
1
  export { default as Input } from './Input';
2
2
  export { default as RichInput } from './RichInput';
3
- export type { InputSize, InputProps } from './Input';
3
+ export type { InputSize, InputProps, InputTheme, } from './Input';
4
4
  export type { RichInputProps } from './RichInput';
@@ -1,4 +1,4 @@
1
1
  export { default as InputDropzone } from './InputDropzone';
2
- export type { FileWithPath, InputDropzoneProps } from './InputDropzone';
3
- export { default as ItemPreview } from './ItemPreview';
4
- export type { ItemPreviewProps } from './ItemPreview';
2
+ export type { FileWithPath as DropzoneFileWithPath, InputDropzoneProps } from './InputDropzone';
3
+ export { default as DropzoneItemPreview } from './ItemPreview';
4
+ export type { ItemPreviewProps as DropzoneItemPreviewProps } from './ItemPreview';
@@ -1,6 +1,6 @@
1
1
  import { default as r } from "./InputDropzone.js";
2
- import { default as a } from "./ItemPreview.js";
2
+ import { default as p } from "./ItemPreview.js";
3
3
  export {
4
- r as InputDropzone,
5
- a as ItemPreview
4
+ p as DropzoneItemPreview,
5
+ r as InputDropzone
6
6
  };
@@ -0,0 +1,2 @@
1
+ export { Interactive } from './Interactive';
2
+ export type { InteractiveProps } from './Interactive';
@@ -0,0 +1,4 @@
1
+ import { Interactive as t } from "./Interactive.js";
2
+ export {
3
+ t as Interactive
4
+ };
@@ -0,0 +1,2 @@
1
+ export { Island, IslandCorner } from './Island';
2
+ export type { IslandProps } from './Island';
@@ -0,0 +1,5 @@
1
+ import { Island as o, IslandCorner as a } from "./Island.js";
2
+ export {
3
+ o as Island,
4
+ a as IslandCorner
5
+ };
@@ -15,4 +15,5 @@ export interface BoxProps extends MPProps {
15
15
  className?: string;
16
16
  style?: React.CSSProperties;
17
17
  }
18
+ export declare const flexPropFormater: (val: string) => string;
18
19
  export declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
@@ -65,5 +65,6 @@ const k = "cfxui__Box__root__299ae", M = "cfxui__Box__grow__7ee8d", t = {
65
65
  );
66
66
  });
67
67
  export {
68
- F as Box
68
+ F as Box,
69
+ N as flexPropFormater
69
70
  };
@@ -0,0 +1,2 @@
1
+ export { Box, flexPropFormater } from './Box';
2
+ export type { BoxProps } from './Box';
@@ -0,0 +1,5 @@
1
+ import { Box as e, flexPropFormater as x } from "./Box.js";
2
+ export {
3
+ e as Box,
4
+ x as flexPropFormater
5
+ };
@@ -0,0 +1,2 @@
1
+ export { Center } from './Center';
2
+ export type { CenterProps } from './Center';
@@ -0,0 +1,4 @@
1
+ import { Center as o } from "./Center.js";
2
+ export {
3
+ o as Center
4
+ };
@@ -1,10 +1,10 @@
1
1
  import { default as React } from 'react';
2
2
  import { BoxProps } from '../Box/Box';
3
3
  import { ResponsiveOffsetType, ResponsiveValueType } from '../../ui';
4
- import { FlexAlignItemsType, FlexDirectionType, FlexJustifyContentType, FlexWrapType } from './Flex.types';
4
+ import { FlexAlignItemsType, FlexCentredType, FlexDirectionType, FlexJustifyContentType, FlexWrapType } from './Flex.types';
5
5
 
6
6
  export interface FlexProps extends BoxProps {
7
- centered?: boolean | 'axis' | 'cross-axis' | 'baseline-axis' | 'baseline-cross-axis';
7
+ centered?: FlexCentredType;
8
8
  vertical?: boolean;
9
9
  reverseOrder?: boolean;
10
10
  stretch?: boolean;
@@ -21,7 +21,7 @@ export interface FlexProps extends BoxProps {
21
21
  }
22
22
  export declare function flexWrapResponsiveFormatter(val: FlexWrapType | boolean): string;
23
23
  declare const FlexComponentReffed: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
24
- type FlexType = typeof FlexComponentReffed & {
24
+ export type FlexType = typeof FlexComponentReffed & {
25
25
  Restricted: React.FC<{
26
26
  children?: React.ReactNode;
27
27
  }>;
@@ -40,3 +40,10 @@ export declare enum FlexWrapEnum {
40
40
  'wrap-reverse' = "wrap-reverse"
41
41
  }
42
42
  export type FlexWrapType = keyof typeof FlexWrapEnum;
43
+ export declare enum FlexCentredEnum {
44
+ axis = "axis",
45
+ 'cross-axis' = "cross-axis",
46
+ 'baseline-axis' = "baseline-axis",
47
+ 'baseline-cross-axis' = "baseline-cross-axis"
48
+ }
49
+ export type FlexCentredType = keyof typeof FlexCentredEnum | boolean;
@@ -1,7 +1,8 @@
1
- var e = /* @__PURE__ */ ((r) => (r.row = "row", r.column = "column", r["row-reverse"] = "row-reverse", r["column-reverse"] = "column-reverse", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.stretch = "stretch", r.center = "center", r.start = "start", r.end = "end", r.baseline = "baseline", r.unset = "unset", r["flex-start"] = "flex-start", r["flex-end"] = "flex-end", r["self-start"] = "self-start", r["self-end"] = "self-end", r["anchor-center"] = "anchor-center", r))(a || {}), c = /* @__PURE__ */ ((r) => (r.stretch = "stretch", r.center = "center", r.start = "start", r.end = "end", r.left = "left", r.right = "right", r.unset = "unset", r["flex-start"] = "flex-start", r["flex-end"] = "flex-end", r["space-between"] = "space-between", r["space-around"] = "space-around", r))(c || {}), s = /* @__PURE__ */ ((r) => (r.nowrap = "nowrap", r.wrap = "wrap", r.unset = "unset", r["wrap-reverse"] = "wrap-reverse", r))(s || {});
1
+ var a = /* @__PURE__ */ ((r) => (r.row = "row", r.column = "column", r["row-reverse"] = "row-reverse", r["column-reverse"] = "column-reverse", r))(a || {}), s = /* @__PURE__ */ ((r) => (r.stretch = "stretch", r.center = "center", r.start = "start", r.end = "end", r.baseline = "baseline", r.unset = "unset", r["flex-start"] = "flex-start", r["flex-end"] = "flex-end", r["self-start"] = "self-start", r["self-end"] = "self-end", r["anchor-center"] = "anchor-center", r))(s || {}), e = /* @__PURE__ */ ((r) => (r.stretch = "stretch", r.center = "center", r.start = "start", r.end = "end", r.left = "left", r.right = "right", r.unset = "unset", r["flex-start"] = "flex-start", r["flex-end"] = "flex-end", r["space-between"] = "space-between", r["space-around"] = "space-around", r))(e || {}), c = /* @__PURE__ */ ((r) => (r.nowrap = "nowrap", r.wrap = "wrap", r.unset = "unset", r["wrap-reverse"] = "wrap-reverse", r))(c || {}), w = /* @__PURE__ */ ((r) => (r.axis = "axis", r["cross-axis"] = "cross-axis", r["baseline-axis"] = "baseline-axis", r["baseline-cross-axis"] = "baseline-cross-axis", r))(w || {});
2
2
  export {
3
- a as FlexAlignItemsEnum,
4
- e as FlexDirectionEnum,
5
- c as FlexJustifyContentEnum,
6
- s as FlexWrapEnum
3
+ s as FlexAlignItemsEnum,
4
+ w as FlexCentredEnum,
5
+ a as FlexDirectionEnum,
6
+ e as FlexJustifyContentEnum,
7
+ c as FlexWrapEnum
7
8
  };
@@ -0,0 +1,5 @@
1
+ export { Flex } from './Flex';
2
+ export type { FlexType, FlexProps } from './Flex';
3
+ export type { FlexDirectionType, FlexAlignItemsType, FlexJustifyContentType, FlexWrapType, FlexCentredType, FlexDirectionEnum, FlexAlignItemsEnum, FlexJustifyContentEnum, FlexWrapEnum, FlexCentredEnum, } from './Flex.types';
4
+ export { FlexRestricter } from './FlexRestricter';
5
+ export type { FlexRestricterProps } from './FlexRestricter';
@@ -0,0 +1,6 @@
1
+ import { Flex as o } from "./Flex.js";
2
+ import { FlexRestricter as x } from "./FlexRestricter.js";
3
+ export {
4
+ o as Flex,
5
+ x as FlexRestricter
6
+ };
@@ -0,0 +1,2 @@
1
+ export { Pad } from './Pad';
2
+ export type { PadProps } from './Pad';
@@ -0,0 +1,4 @@
1
+ import { Pad as a } from "./Pad.js";
2
+ export {
3
+ a as Pad
4
+ };
@@ -0,0 +1,2 @@
1
+ export { Page } from './Page';
2
+ export type { PageProps } from './Page';
@@ -0,0 +1,4 @@
1
+ import { Page as r } from "./Page.js";
2
+ export {
3
+ r as Page
4
+ };
@@ -0,0 +1,2 @@
1
+ export { Loaf } from './Loaf';
2
+ export type { LoafProps, LoafSize, LoafColor, } from './Loaf';
@@ -0,0 +1,4 @@
1
+ import { Loaf as r } from "./Loaf.js";
2
+ export {
3
+ r as Loaf
4
+ };
@@ -0,0 +1,2 @@
1
+ export { NavList } from './NavList';
2
+ export type { NavListProps, NavListItem } from './NavList';
@@ -0,0 +1,4 @@
1
+ import { NavList as t } from "./NavList.js";
2
+ export {
3
+ t as NavList
4
+ };
@@ -0,0 +1,2 @@
1
+ export { Overlay, OVERLAY_OUTLET_ID } from './Overlay';
2
+ export type { OverlayProps, OverlayBackdropProps, OverlayContentProps, } from './Overlay';
@@ -0,0 +1,5 @@
1
+ import { OVERLAY_OUTLET_ID as e, Overlay as o } from "./Overlay.js";
2
+ export {
3
+ e as OVERLAY_OUTLET_ID,
4
+ o as Overlay
5
+ };
@@ -0,0 +1,2 @@
1
+ export { PremiumBadge } from './PremiumBadge';
2
+ export type { PremiumBadgeProps, PremiumBadgeLevel } from './PremiumBadge';
@@ -0,0 +1,4 @@
1
+ import { PremiumBadge as r } from "./PremiumBadge.js";
2
+ export {
3
+ r as PremiumBadge
4
+ };
@@ -1,6 +1,5 @@
1
1
  import { default as React } from 'react';
2
2
 
3
- export interface ProseProps {
4
- children?: React.ReactNode;
3
+ export interface ProseProps extends React.PropsWithChildren {
5
4
  }
6
5
  export declare function Prose({ children, }: ProseProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,2 @@
1
+ export { Prose } from './Prose';
2
+ export type { ProseProps } from './Prose';
@@ -0,0 +1,4 @@
1
+ import { Prose as e } from "./Prose.js";
2
+ export {
3
+ e as Prose
4
+ };
@@ -0,0 +1,2 @@
1
+ export { Radio } from './Radio';
2
+ export type { RadioProps, RadioSize } from './Radio';
@@ -0,0 +1,4 @@
1
+ import { Radio as a } from "./Radio.js";
2
+ export {
3
+ a as Radio
4
+ };
@@ -6,7 +6,7 @@ import { c as Je } from "../../index-rKs9bXHr.js";
6
6
  import { S as ze, P as O, d as bn } from "../../index-BlbvKsmN.js";
7
7
  import { u as xn } from "../../index-ByaXH_ih.js";
8
8
  import { c as pe, a as _n, b as X, u as et } from "../../index-Cf5Yu9oD.js";
9
- import { u as En, a as Pn, b as Rn, o as Tn, s as Nn, f as In, c as An, d as On, h as Mn, l as Ln, g as Dn, e as kn, i as Ge } from "../../index-DBus3GoO.js";
9
+ import { u as En, a as Pn, b as Rn, o as Tn, s as Nn, f as In, c as An, d as On, h as Mn, l as Ln, g as Dn, i as kn, e as Ge } from "../../index-Bz27DCHt.js";
10
10
  import { u as Bn } from "../../index-BZPx6jYI.js";
11
11
  import { f as ht, _ as ce, c as Fn } from "../../tslib.es6-CBKHJX9H.js";
12
12
  import { c as Wn, u as zn } from "../../medium-BA3EQDZW.js";
@@ -0,0 +1,2 @@
1
+ export { Separator } from './Separator';
2
+ export type { SeparatorProps } from './Separator';
@@ -0,0 +1,4 @@
1
+ import { Separator as a } from "./Separator.js";
2
+ export {
3
+ a as Separator
4
+ };
@@ -0,0 +1,2 @@
1
+ export { Shroud } from './Shroud';
2
+ export type { ShroudProps } from './Shroud';
@@ -0,0 +1,4 @@
1
+ import { Shroud as d } from "./Shroud.js";
2
+ export {
3
+ d as Shroud
4
+ };
@@ -3,7 +3,7 @@ import { BoxProps } from '../Layout/Box/Box';
3
3
  import { ResponsiveTextSize } from '../Text';
4
4
  import { BorderRadiusType, ResponsiveValueType } from '../ui';
5
5
 
6
- interface SkeletonProps extends BoxProps {
6
+ export interface SkeletonProps extends BoxProps {
7
7
  borderRadius?: BorderRadiusType;
8
8
  height?: ResponsiveValueType<ResponsiveTextSize>;
9
9
  }
@@ -1 +1,2 @@
1
1
  export { default as Skeleton } from './Skeleton';
2
+ export type { SkeletonProps } from './Skeleton';