@trackunit/react-form-components 1.14.31 → 1.14.34-alpha-20eb17e1671.0
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/index.cjs.js +3 -8
- package/index.esm.js +3 -8
- package/package.json +7 -7
- package/src/components/ActionButton/ActionButton.variants.d.ts +2 -2
- package/src/components/BaseInput/BaseInput.variants.d.ts +12 -12
- package/src/components/BaseSelect/BaseSelect.variants.d.ts +15 -15
- package/src/components/BaseSelect/useCustomComponents.d.ts +3 -4
- package/src/components/Checkbox/Checkbox.variants.d.ts +3 -3
- package/src/components/ColorField/ColorField.variants.d.ts +1 -1
- package/src/components/DropZone/DropZone.variants.d.ts +3 -3
- package/src/components/FormGroup/FormGroup.variants.d.ts +4 -4
- package/src/components/Label/Label.variants.d.ts +1 -1
- package/src/components/OptionCard/OptionCard.variants.d.ts +8 -8
- package/src/components/RadioGroup/RadioGroup.variants.d.ts +2 -2
- package/src/components/Schedule/Schedule.variants.d.ts +2 -2
- package/src/components/Search/Search.variants.d.ts +1 -1
- package/src/components/TextAreaField/TextArea/TextAreaBaseInput.variants.d.ts +1 -1
- package/src/components/TimeRange/TimeRange.variants.d.ts +1 -1
- package/src/components/ToggleSwitch/ToggleSwitch.variants.d.ts +4 -4
- package/src/components/UploadInput/UploadInput.variants.d.ts +1 -1
- package/src/shared-cva/BinaryControlItem.variants.d.ts +5 -5
package/index.cjs.js
CHANGED
|
@@ -1536,7 +1536,7 @@ const getVisibleCountFromGeometries = ({ geometries, availableWidth, containerX,
|
|
|
1536
1536
|
* @template TIsMulti
|
|
1537
1537
|
* @template TGroup
|
|
1538
1538
|
* @param {CustomComponentsProps<TOption>} props - The custom components props
|
|
1539
|
-
* @returns {
|
|
1539
|
+
* @returns {SelectComponentsConfig<TOption, TIsMulti, TGroup>} components object to override react-select default components
|
|
1540
1540
|
*/
|
|
1541
1541
|
const useCustomComponents = ({ disabled, readOnly, "data-testid": dataTestId, prefix, hasError, fieldSize = "medium", getOptionLabelDescription, getOptionPrefix, className, isMulti, //prefer using the component prop (ala. selectValueContainer.isMulti) inside of customComponents instead of this one.
|
|
1542
1542
|
autoComplete, // see https://github.com/JedWatson/react-select/issues/758
|
|
@@ -1593,13 +1593,8 @@ autoComplete, // see https://github.com/JedWatson/react-select/issues/758
|
|
|
1593
1593
|
return (jsxRuntime.jsx(ReactSelect.components.ValueContainer, { ...selectValueContainer, className: cvaSelectValueContainer({ className: selectValueContainer.className }), getStyles: getNoStyles, innerProps: {
|
|
1594
1594
|
...selectValueContainer.innerProps,
|
|
1595
1595
|
ref: reactComponents.useMergeRefs([setValueContainerRef, selectValueContainer.innerProps?.ref]),
|
|
1596
|
-
}, children: selectValueContainer.isMulti ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (
|
|
1597
|
-
|
|
1598
|
-
// will be removed when the calculation is complete
|
|
1599
|
-
jsxRuntime.jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
|
|
1600
|
-
, "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (
|
|
1601
|
-
// This is the actual tag that will be visible in the UI
|
|
1602
|
-
jsxRuntime.jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
|
|
1596
|
+
}, children: selectValueContainer.isMulti ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (jsxRuntime.jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
|
|
1597
|
+
, "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (jsxRuntime.jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
|
|
1603
1598
|
},
|
|
1604
1599
|
IndicatorSeparator: () => null,
|
|
1605
1600
|
Input: selectInput => {
|
package/index.esm.js
CHANGED
|
@@ -1535,7 +1535,7 @@ const getVisibleCountFromGeometries = ({ geometries, availableWidth, containerX,
|
|
|
1535
1535
|
* @template TIsMulti
|
|
1536
1536
|
* @template TGroup
|
|
1537
1537
|
* @param {CustomComponentsProps<TOption>} props - The custom components props
|
|
1538
|
-
* @returns {
|
|
1538
|
+
* @returns {SelectComponentsConfig<TOption, TIsMulti, TGroup>} components object to override react-select default components
|
|
1539
1539
|
*/
|
|
1540
1540
|
const useCustomComponents = ({ disabled, readOnly, "data-testid": dataTestId, prefix, hasError, fieldSize = "medium", getOptionLabelDescription, getOptionPrefix, className, isMulti, //prefer using the component prop (ala. selectValueContainer.isMulti) inside of customComponents instead of this one.
|
|
1541
1541
|
autoComplete, // see https://github.com/JedWatson/react-select/issues/758
|
|
@@ -1592,13 +1592,8 @@ autoComplete, // see https://github.com/JedWatson/react-select/issues/758
|
|
|
1592
1592
|
return (jsx(components.ValueContainer, { ...selectValueContainer, className: cvaSelectValueContainer({ className: selectValueContainer.className }), getStyles: getNoStyles, innerProps: {
|
|
1593
1593
|
...selectValueContainer.innerProps,
|
|
1594
1594
|
ref: useMergeRefs([setValueContainerRef, selectValueContainer.innerProps?.ref]),
|
|
1595
|
-
}, children: selectValueContainer.isMulti ? (jsxs(Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (
|
|
1596
|
-
|
|
1597
|
-
// will be removed when the calculation is complete
|
|
1598
|
-
jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
|
|
1599
|
-
, "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (
|
|
1600
|
-
// This is the actual tag that will be visible in the UI
|
|
1601
|
-
jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
|
|
1595
|
+
}, children: selectValueContainer.isMulti ? (jsxs(Fragment, { children: [getPlaceholderElement(selectValueContainer.children), currentWithCounter && !currentIsComplete ? (jsx(CounterTag, { className: "invisible" // Is invisible because we're only putting it here to measure the width
|
|
1596
|
+
, "data-testid": "fake-multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setFakeCounterRef, totalCount: currentTotalCount })) : null, getMultiValueComponents(selectValueContainer.children), currentWithCounter && currentIsComplete ? (jsx(CounterTag, { "data-testid": dataTestId ? `${dataTestId}-multiselect-counter` : "multiselect-counter", fieldSize: fieldSize, hiddenCount: currentTotalCount - currentVisibleCount, ref: setCounterRef, totalCount: currentTotalCount })) : null, getInputComponent(selectValueContainer.children)] })) : (selectValueContainer.children) }));
|
|
1602
1597
|
},
|
|
1603
1598
|
IndicatorSeparator: () => null,
|
|
1604
1599
|
Input: selectInput => {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@trackunit/react-form-components",
|
|
3
|
-
"version": "1.14.
|
|
3
|
+
"version": "1.14.34-alpha-20eb17e1671.0",
|
|
4
4
|
"repository": "https://github.com/Trackunit/manager",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.txt",
|
|
6
6
|
"engines": {
|
|
@@ -14,12 +14,12 @@
|
|
|
14
14
|
"zod": "^3.23.8",
|
|
15
15
|
"react-hook-form": "7.62.0",
|
|
16
16
|
"tailwind-merge": "^2.0.0",
|
|
17
|
-
"@trackunit/css-class-variance-utilities": "1.11.
|
|
18
|
-
"@trackunit/react-components": "1.17.
|
|
19
|
-
"@trackunit/ui-icons": "1.11.
|
|
20
|
-
"@trackunit/shared-utils": "1.13.
|
|
21
|
-
"@trackunit/ui-design-tokens": "1.11.
|
|
22
|
-
"@trackunit/i18n-library-translation": "1.12.
|
|
17
|
+
"@trackunit/css-class-variance-utilities": "1.11.48-alpha-20eb17e1671.0",
|
|
18
|
+
"@trackunit/react-components": "1.17.31-alpha-20eb17e1671.0",
|
|
19
|
+
"@trackunit/ui-icons": "1.11.47-alpha-20eb17e1671.0",
|
|
20
|
+
"@trackunit/shared-utils": "1.13.48-alpha-20eb17e1671.0",
|
|
21
|
+
"@trackunit/ui-design-tokens": "1.11.48-alpha-20eb17e1671.0",
|
|
22
|
+
"@trackunit/i18n-library-translation": "1.12.34-alpha-20eb17e1671.0",
|
|
23
23
|
"string-ts": "^2.0.0",
|
|
24
24
|
"@js-temporal/polyfill": "^0.5.1",
|
|
25
25
|
"es-toolkit": "^1.39.10"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const cvaActionButton: (props?: ({
|
|
2
2
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
3
|
-
} & import("class-variance-authority/
|
|
3
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
4
|
export declare const cvaActionContainer: (props?: ({
|
|
5
5
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
export declare const cvaInputBase: (props?: import("class-variance-authority/
|
|
2
|
-
export declare const cvaInputBaseDisabled: (props?: import("class-variance-authority/
|
|
3
|
-
export declare const cvaInputBaseInvalid: (props?: import("class-variance-authority/
|
|
4
|
-
export declare const cvaInputBaseReadOnly: (props?: import("class-variance-authority/
|
|
1
|
+
export declare const cvaInputBase: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
2
|
+
export declare const cvaInputBaseDisabled: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
|
+
export declare const cvaInputBaseInvalid: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
4
|
+
export declare const cvaInputBaseReadOnly: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
5
|
export declare const cvaInputBaseSize: (props?: ({
|
|
6
6
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
7
7
|
defaultVariants?: "size" | null | undefined;
|
|
8
|
-
} & import("class-variance-authority/
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
9
|
export declare const cvaInput: (props?: ({
|
|
10
10
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
11
11
|
disabled?: boolean | null | undefined;
|
|
12
12
|
readOnly?: boolean | null | undefined;
|
|
13
13
|
invalid?: boolean | null | undefined;
|
|
14
14
|
isWarning?: boolean | null | undefined;
|
|
15
|
-
} & import("class-variance-authority/
|
|
15
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
16
16
|
/**
|
|
17
17
|
* Used for placing items in the grid, using a grid z-stack trick.
|
|
18
18
|
* The span position is used for the input field, which spans the entire grid.
|
|
@@ -20,21 +20,21 @@ export declare const cvaInput: (props?: ({
|
|
|
20
20
|
*/
|
|
21
21
|
export declare const cvaInputItemPlacementManager: (props?: ({
|
|
22
22
|
position?: "before" | "after" | "span" | null | undefined;
|
|
23
|
-
} & import("class-variance-authority/
|
|
24
|
-
export declare const cvaAccessoriesContainer: (props?: import("class-variance-authority/
|
|
23
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
24
|
+
export declare const cvaAccessoriesContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
25
25
|
/**
|
|
26
26
|
* Text size and color is handled by cvaInput
|
|
27
27
|
*/
|
|
28
28
|
export declare const cvaInputElement: (props?: ({
|
|
29
29
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
30
|
-
} & import("class-variance-authority/
|
|
30
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
31
31
|
export declare const cvaInputAddon: (props?: ({
|
|
32
32
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
33
33
|
position?: "before" | "after" | null | undefined;
|
|
34
|
-
} & import("class-variance-authority/
|
|
34
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
35
35
|
export declare const cvaInputPrefix: (props?: ({
|
|
36
36
|
disabled?: boolean | null | undefined;
|
|
37
|
-
} & import("class-variance-authority/
|
|
37
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
38
38
|
export declare const cvaInputSuffix: (props?: ({
|
|
39
39
|
disabled?: boolean | null | undefined;
|
|
40
|
-
} & import("class-variance-authority/
|
|
40
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -9,25 +9,25 @@ export declare const cvaSelectContainer: (props?: ({
|
|
|
9
9
|
focused?: boolean | null | undefined;
|
|
10
10
|
readOnly?: boolean | null | undefined;
|
|
11
11
|
defaultVariants?: "fieldSize" | "disabled" | "invalid" | "focused" | "readOnly" | null | undefined;
|
|
12
|
-
} & import("class-variance-authority/
|
|
13
|
-
export declare const cvaSelectControl: (props?: import("class-variance-authority/
|
|
14
|
-
export declare const cvaSelectLoadingMessage: (props?: import("class-variance-authority/
|
|
15
|
-
export declare const cvaSelectNoOptionsMessage: (props?: import("class-variance-authority/
|
|
16
|
-
export declare const cvaSelectDropdownIconContainer: (props?: import("class-variance-authority/
|
|
17
|
-
export declare const cvaSelectPrefixSuffix: (props?: import("class-variance-authority/
|
|
18
|
-
export declare const cvaSelectClearIndicator: (props?: import("class-variance-authority/
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
|
+
export declare const cvaSelectControl: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
14
|
+
export declare const cvaSelectLoadingMessage: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
15
|
+
export declare const cvaSelectNoOptionsMessage: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
16
|
+
export declare const cvaSelectDropdownIconContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
17
|
+
export declare const cvaSelectPrefixSuffix: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
18
|
+
export declare const cvaSelectClearIndicator: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
19
19
|
export declare const cvaSelectDropdownIndicator: (props?: ({
|
|
20
20
|
menuIsOpen?: boolean | null | undefined;
|
|
21
|
-
} & import("class-variance-authority/
|
|
22
|
-
export declare const cvaSelectValueContainer: (props?: import("class-variance-authority/
|
|
23
|
-
export declare const cvaSelectSingleValue: (props?: import("class-variance-authority/
|
|
21
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
22
|
+
export declare const cvaSelectValueContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
23
|
+
export declare const cvaSelectSingleValue: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
24
24
|
export declare const cvaSelectMenu: (props?: ({
|
|
25
25
|
placement?: "bottom" | "top" | null | undefined;
|
|
26
|
-
} & import("class-variance-authority/
|
|
27
|
-
export declare const cvaSelectMenuList: (props?: import("class-variance-authority/
|
|
28
|
-
export declare const cvaSelectPlaceholder: (props?: import("class-variance-authority/
|
|
29
|
-
export declare const cvaSelectIndicatorsContainer: (props?: import("class-variance-authority/
|
|
26
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
27
|
+
export declare const cvaSelectMenuList: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
28
|
+
export declare const cvaSelectPlaceholder: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
29
|
+
export declare const cvaSelectIndicatorsContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
30
30
|
export declare const cvaSelectMultiValue: (props?: ({
|
|
31
31
|
hidden?: boolean | null | undefined;
|
|
32
32
|
invisible?: boolean | null | undefined;
|
|
33
|
-
} & import("class-variance-authority/
|
|
33
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
*/
|
|
5
5
|
import { CommonProps } from "@trackunit/react-components";
|
|
6
6
|
import { ReactNode } from "react";
|
|
7
|
-
import { GroupBase } from "react-select";
|
|
8
|
-
import { SelectComponents } from "react-select/dist/declarations/src/components";
|
|
7
|
+
import { type SelectComponentsConfig, GroupBase } from "react-select";
|
|
9
8
|
import { FormComponentSizes } from "../../types";
|
|
10
9
|
import { LockedForReasons } from "../BaseInput/InputLockReasonTooltip";
|
|
11
10
|
interface CustomComponentsProps<TOption> extends CommonProps {
|
|
@@ -29,7 +28,7 @@ interface CustomComponentsProps<TOption> extends CommonProps {
|
|
|
29
28
|
* @template TIsMulti
|
|
30
29
|
* @template TGroup
|
|
31
30
|
* @param {CustomComponentsProps<TOption>} props - The custom components props
|
|
32
|
-
* @returns {
|
|
31
|
+
* @returns {SelectComponentsConfig<TOption, TIsMulti, TGroup>} components object to override react-select default components
|
|
33
32
|
*/
|
|
34
|
-
export declare const useCustomComponents: <TOption, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>({ disabled, readOnly, "data-testid": dataTestId, prefix, hasError, fieldSize, getOptionLabelDescription, getOptionPrefix, className, isMulti, autoComplete, }: CustomComponentsProps<TOption>) =>
|
|
33
|
+
export declare const useCustomComponents: <TOption, TIsMulti extends boolean = false, TGroup extends GroupBase<TOption> = GroupBase<TOption>>({ disabled, readOnly, "data-testid": dataTestId, prefix, hasError, fieldSize, getOptionLabelDescription, getOptionPrefix, className, isMulti, autoComplete, }: CustomComponentsProps<TOption>) => SelectComponentsConfig<TOption, TIsMulti, TGroup>;
|
|
35
34
|
export {};
|
|
@@ -6,9 +6,9 @@ export declare const cvaCheckbox: (props?: ({
|
|
|
6
6
|
invalid?: boolean | null | undefined;
|
|
7
7
|
state?: "selected" | "deselected" | "indeterminate" | null | undefined;
|
|
8
8
|
disabled?: boolean | null | undefined;
|
|
9
|
-
} & import("class-variance-authority/
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
10
|
/**
|
|
11
11
|
* Icon overlay container - positioned on top of the input, receives no pointer events
|
|
12
12
|
*/
|
|
13
|
-
export declare const cvaCheckboxIconOverlay: (props?: import("class-variance-authority/
|
|
14
|
-
export declare const cvaCheckboxIcon: (props?: import("class-variance-authority/
|
|
13
|
+
export declare const cvaCheckboxIconOverlay: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
14
|
+
export declare const cvaCheckboxIcon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
@@ -4,8 +4,8 @@ export declare const cvaDropZone: (props?: ({
|
|
|
4
4
|
dragActive?: boolean | null | undefined;
|
|
5
5
|
dropComplete?: boolean | null | undefined;
|
|
6
6
|
invalid?: boolean | null | undefined;
|
|
7
|
-
} & import("class-variance-authority/
|
|
8
|
-
export declare const cvaDropZoneLabel: (props?: import("class-variance-authority/
|
|
7
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
8
|
+
export declare const cvaDropZoneLabel: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
9
9
|
export declare const cvaDropZoneIconBackground: (props?: ({
|
|
10
10
|
invalid?: boolean | null | undefined;
|
|
11
|
-
} & import("class-variance-authority/
|
|
11
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare const cvaFormGroup: (props?: import("class-variance-authority/
|
|
2
|
-
export declare const cvaFormGroupContainerBefore: (props?: import("class-variance-authority/
|
|
1
|
+
export declare const cvaFormGroup: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
2
|
+
export declare const cvaFormGroupContainerBefore: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
3
|
export declare const cvaFormGroupContainerAfter: (props?: ({
|
|
4
4
|
invalid?: boolean | null | undefined;
|
|
5
5
|
isWarning?: boolean | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/
|
|
7
|
-
export declare const cvaHelpAddon: (props?: import("class-variance-authority/
|
|
6
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
7
|
+
export declare const cvaHelpAddon: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
@@ -2,4 +2,4 @@ export declare const cvaLabel: (props?: ({
|
|
|
2
2
|
invalid?: boolean | null | undefined;
|
|
3
3
|
disabled?: boolean | null | undefined;
|
|
4
4
|
truncate?: boolean | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
export declare const cvaOptionCardLabel: (props?: ({
|
|
2
2
|
disabled?: boolean | null | undefined;
|
|
3
3
|
layout?: "default" | "compact" | null | undefined;
|
|
4
|
-
} & import("class-variance-authority/
|
|
5
|
-
export declare const cvaOptionCardContent: (props?: import("class-variance-authority/
|
|
6
|
-
export declare const cvaOptionCardContainer: (props?: import("class-variance-authority/
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
+
export declare const cvaOptionCardContent: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
export declare const cvaOptionCardContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
7
|
export declare const cvaOptionCardTitle: (props?: ({
|
|
8
8
|
layout?: "default" | "compact" | null | undefined;
|
|
9
9
|
disabled?: boolean | null | undefined;
|
|
10
|
-
} & import("class-variance-authority/
|
|
10
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
11
11
|
export declare const cvaOptionCardText: (props?: ({
|
|
12
12
|
type?: "subheading" | "description" | null | undefined;
|
|
13
13
|
disabled?: boolean | null | undefined;
|
|
14
|
-
} & import("class-variance-authority/
|
|
15
|
-
export declare const cvaInput: (props?: import("class-variance-authority/
|
|
14
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
15
|
+
export declare const cvaInput: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
16
16
|
export declare const cvaCustomImage: (props?: ({
|
|
17
17
|
disabled?: boolean | null | undefined;
|
|
18
|
-
} & import("class-variance-authority/
|
|
18
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
19
19
|
export declare const cvaTag: (props?: ({
|
|
20
20
|
layout?: "default" | "compact" | null | undefined;
|
|
21
|
-
} & import("class-variance-authority/
|
|
21
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
export declare const cvaInputGroup: (props?: ({
|
|
2
2
|
layout?: "inline" | null | undefined;
|
|
3
|
-
} & import("class-variance-authority/
|
|
3
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
4
4
|
export declare const cvaRadioItem: (props?: ({
|
|
5
5
|
checked?: boolean | null | undefined;
|
|
6
6
|
invalid?: boolean | null | undefined;
|
|
7
7
|
disabled?: boolean | null | undefined;
|
|
8
|
-
} & import("class-variance-authority/
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const cvaScheduleItem: (props?: import("class-variance-authority/
|
|
2
|
-
export declare const cvaScheduleItemText: (props?: import("class-variance-authority/
|
|
1
|
+
export declare const cvaScheduleItem: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
2
|
+
export declare const cvaScheduleItemText: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const cvaSearch: (props?: ({
|
|
2
2
|
border?: boolean | null | undefined;
|
|
3
3
|
widenOnFocus?: boolean | null | undefined;
|
|
4
|
-
} & import("class-variance-authority/
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -2,4 +2,4 @@ export declare const cvaTextAreaBaseInput: (props?: ({
|
|
|
2
2
|
disabled?: boolean | null | undefined;
|
|
3
3
|
invalid?: boolean | null | undefined;
|
|
4
4
|
resize?: "both" | "vertical" | "horizontal" | "none" | null | undefined;
|
|
5
|
-
} & import("class-variance-authority/
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const cvaTimeRange: (props?: import("class-variance-authority/
|
|
1
|
+
export declare const cvaTimeRange: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export declare const cvaToggleSwitchWrapper: (props?: import("class-variance-authority/
|
|
2
|
-
export declare const cvaToggleSwitchInput: (props?: import("class-variance-authority/
|
|
1
|
+
export declare const cvaToggleSwitchWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
2
|
+
export declare const cvaToggleSwitchInput: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
3
3
|
export declare const cvaToggleSwitchTrack: (props?: ({
|
|
4
4
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
5
5
|
disabled?: boolean | null | undefined;
|
|
6
6
|
toggled?: boolean | null | undefined;
|
|
7
7
|
focused?: boolean | "auto" | null | undefined;
|
|
8
|
-
} & import("class-variance-authority/
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
9
|
export declare const cvaToggleSwitchThumb: (props?: ({
|
|
10
10
|
toggled?: boolean | null | undefined;
|
|
11
11
|
size?: "small" | "medium" | "large" | null | undefined;
|
|
12
|
-
} & import("class-variance-authority/
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const cvaUploadInputField: (props?: import("class-variance-authority/
|
|
1
|
+
export declare const cvaUploadInputField: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Shared CVA for binary control items: Checkbox, RadioItem, ToggleSwitchOption
|
|
3
3
|
*/
|
|
4
|
-
export declare const cvaBinaryControlWrapper: (props?: import("class-variance-authority/
|
|
5
|
-
export declare const cvaBinaryControlLabelTooltip: (props?: import("class-variance-authority/
|
|
6
|
-
export declare const cvaBinaryControlDescriptionTooltip: (props?: import("class-variance-authority/
|
|
4
|
+
export declare const cvaBinaryControlWrapper: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
5
|
+
export declare const cvaBinaryControlLabelTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
6
|
+
export declare const cvaBinaryControlDescriptionTooltip: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|
|
7
7
|
export declare const cvaBinaryControlDescription: (props?: ({
|
|
8
8
|
disabled?: boolean | null | undefined;
|
|
9
|
-
} & import("class-variance-authority/
|
|
10
|
-
export declare const cvaBinaryControlSuffixContainer: (props?: import("class-variance-authority/
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const cvaBinaryControlSuffixContainer: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
|