@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.
- package/dist/components/Accordion/Accordion.d.ts +1 -7
- package/dist/components/Accordion/index.d.ts +1 -0
- package/dist/components/BackdropPortal/BackdropPortal.d.ts +2 -0
- package/dist/components/BackdropPortal/BackdropPortal.js +7 -5
- package/dist/components/BackdropPortal/index.d.ts +2 -0
- package/dist/components/BackdropPortal/index.js +5 -0
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/ClipboardButton/ClipboardButton.d.ts +3 -3
- package/dist/components/ClipboardButton/ClipboardButton.js +10 -9
- package/dist/components/ControlBox/ControlBox.d.ts +2 -0
- package/dist/components/ControlBox/ControlBox.js +10 -9
- package/dist/components/ControlBox/index.d.ts +2 -0
- package/dist/components/ControlBox/index.js +4 -0
- package/dist/components/CountryFlag/CountryFlag.d.ts +2 -0
- package/dist/components/CountryFlag/CountryFlag.js +14 -13
- package/dist/components/CountryFlag/index.d.ts +2 -0
- package/dist/components/CountryFlag/index.js +4 -0
- package/dist/components/Decorate/Decorate.d.ts +2 -0
- package/dist/components/Decorate/Decorate.js +15 -14
- package/dist/components/Decorate/index.d.ts +2 -0
- package/dist/components/Decorate/index.js +4 -0
- package/dist/components/DropdownSelect/DropdownSelect.js +802 -1040
- package/dist/components/DropdownSelect/index.d.ts +1 -0
- package/dist/components/Flyout/Flyout.d.ts +2 -1
- package/dist/components/Flyout/index.d.ts +2 -0
- package/dist/components/Flyout/index.js +5 -0
- package/dist/components/IconButton/IconButton.d.ts +2 -3
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/Indicator/index.d.ts +2 -0
- package/dist/components/Indicator/index.js +4 -0
- package/dist/components/Input/index.d.ts +1 -1
- package/dist/components/InputDropzone/index.d.ts +3 -3
- package/dist/components/InputDropzone/index.js +3 -3
- package/dist/components/Interactive/index.d.ts +2 -0
- package/dist/components/Interactive/index.js +4 -0
- package/dist/components/Island/index.d.ts +2 -0
- package/dist/components/Island/index.js +5 -0
- package/dist/components/Layout/Box/Box.d.ts +1 -0
- package/dist/components/Layout/Box/Box.js +2 -1
- package/dist/components/Layout/Box/index.d.ts +2 -0
- package/dist/components/Layout/Box/index.js +5 -0
- package/dist/components/Layout/Center/index.d.ts +2 -0
- package/dist/components/Layout/Center/index.js +4 -0
- package/dist/components/Layout/Flex/Flex.d.ts +3 -3
- package/dist/components/Layout/Flex/Flex.types.d.ts +7 -0
- package/dist/components/Layout/Flex/Flex.types.js +6 -5
- package/dist/components/Layout/Flex/index.d.ts +5 -0
- package/dist/components/Layout/Flex/index.js +6 -0
- package/dist/components/Layout/Pad/index.d.ts +2 -0
- package/dist/components/Layout/Pad/index.js +4 -0
- package/dist/components/Layout/Page/index.d.ts +2 -0
- package/dist/components/Layout/Page/index.js +4 -0
- package/dist/components/Loaf/index.d.ts +2 -0
- package/dist/components/Loaf/index.js +4 -0
- package/dist/components/NavList/index.d.ts +2 -0
- package/dist/components/NavList/index.js +4 -0
- package/dist/components/Overlay/index.d.ts +2 -0
- package/dist/components/Overlay/index.js +5 -0
- package/dist/components/PremiumBadge/index.d.ts +2 -0
- package/dist/components/PremiumBadge/index.js +4 -0
- package/dist/components/Prose/Prose.d.ts +1 -2
- package/dist/components/Prose/index.d.ts +2 -0
- package/dist/components/Prose/index.js +4 -0
- package/dist/components/Radio/index.d.ts +2 -0
- package/dist/components/Radio/index.js +4 -0
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Separator/index.d.ts +2 -0
- package/dist/components/Separator/index.js +4 -0
- package/dist/components/Shroud/index.d.ts +2 -0
- package/dist/components/Shroud/index.js +4 -0
- package/dist/components/Skeleton/Skeleton.d.ts +1 -1
- package/dist/components/Skeleton/index.d.ts +1 -0
- package/dist/components/Slider/Slider.js +294 -374
- package/dist/components/Spacer/index.d.ts +2 -0
- package/dist/components/Spacer/index.js +4 -0
- package/dist/components/Style/index.d.ts +2 -0
- package/dist/components/Style/index.js +5 -0
- package/dist/components/Table/Table.d.ts +13 -4
- package/dist/components/Table/Table.js +2 -1
- package/dist/components/Table/index.d.ts +2 -2
- package/dist/components/Table/index.js +5 -2
- package/dist/components/Text/Text.types.d.ts +2 -1
- package/dist/components/Text/index.d.ts +1 -1
- package/dist/components/Textarea/index.d.ts +2 -0
- package/dist/components/Textarea/index.js +4 -0
- package/dist/components/Title/Title.d.ts +5 -4
- package/dist/components/Title/Title.js +4 -2
- package/dist/components/Title/index.d.ts +2 -0
- package/dist/components/Title/index.js +7 -0
- package/dist/index-AweK2ufS.js +171 -0
- package/dist/{index-DBus3GoO.js → index-Bz27DCHt.js} +2 -2
- package/dist/main.d.ts +92 -69
- package/dist/main.js +185 -173
- package/package.json +1 -1
- package/dist/index-CjTSD6zB.js +0 -161
|
@@ -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?:
|
|
7
|
+
size?: FlyoutSize;
|
|
7
8
|
onClose?(): void;
|
|
8
9
|
children?: React.ReactNode;
|
|
9
10
|
holderClassName?: string;
|
|
@@ -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';
|
|
@@ -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
|
|
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';
|
|
@@ -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>>;
|
|
@@ -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?:
|
|
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
|
|
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
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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';
|
|
@@ -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;
|
|
@@ -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,
|
|
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";
|
|
@@ -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
|
}
|