@povio/ui 2.3.2-rc.1 → 2.3.2-rc.3
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/inputs/DateTime/DatePicker/DatePicker.d.ts +2 -1
- package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +7 -2
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +2 -1
- package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +7 -2
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +2 -1
- package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +7 -2
- package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +1 -0
- package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts +3 -2
- package/dist/components/inputs/DateTime/shared/DatePickerInput.js +109 -108
- package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts +1 -0
- package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts +2 -1
- package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js +14 -99
- package/dist/components/inputs/Inputs/InputItem.d.ts +2 -2
- package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +1 -0
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts +1 -1
- package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +73 -3
- package/dist/components/inputs/Selection/Select/QuerySelect.d.ts +3 -3
- package/dist/components/inputs/Selection/Select/QuerySelect.js +72 -3
- package/dist/components/inputs/Selection/Select/Select.js +1 -0
- package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts +5 -0
- package/dist/components/inputs/Selection/shared/querySelect.utils.js +15 -3
- package/dist/components/inputs/Skeleton/InputFrame.d.ts +2 -0
- package/dist/components/inputs/Skeleton/InputFrame.js +353 -333
- package/dist/config/uiConfig.context.d.ts +1 -0
- package/dist/config/uiConfig.context.js +1 -0
- package/dist/tw-ui-plugin.js +4 -0
- package/package.json +1 -1
- package/dist/components/inputs/shared/StaticInput.d.ts +0 -38
|
@@ -41,6 +41,7 @@ export declare namespace UIConfig {
|
|
|
41
41
|
dateTimeIcon?: ReactElement;
|
|
42
42
|
timeIcon?: ReactElement;
|
|
43
43
|
setDateValueOnDateSelection?: boolean;
|
|
44
|
+
todayIconButtonComponent?: DatePickerProps["todayIconButtonComponent"];
|
|
44
45
|
};
|
|
45
46
|
actionModal: Pick<ActionModalProps, "titleTypography" | "descriptionTypography">;
|
|
46
47
|
bottomSheet: Pick<BottomSheetProps, "closeDragThreshold" | "closeVelocityThreshold" | "hideThumb" | "headerTypography">;
|
package/dist/tw-ui-plugin.js
CHANGED
|
@@ -4,6 +4,10 @@ var uiPlugin = plugin(({ addVariant }) => {
|
|
|
4
4
|
addVariant("input-filled", [
|
|
5
5
|
"&:has(input:not(:placeholder-shown))",
|
|
6
6
|
"&:is(:where(.group\\/input-content):has(:is(input:not(:placeholder-shown))) *)",
|
|
7
|
+
"&:is(:where(.group\\/input-content)[data-is-filled])",
|
|
8
|
+
"&:is(:where(.group\\/input-content)[data-is-filled] *)",
|
|
9
|
+
"&:is(:where(.group\\/input-content)[data-has-selection])",
|
|
10
|
+
"&:is(:where(.group\\/input-content)[data-has-selection] *)",
|
|
7
11
|
"&:is(:where(.group\\/select-content)[data-has-selection] *)",
|
|
8
12
|
"&:is(:where(.group\\/select-content)[data-has-search] *)",
|
|
9
13
|
"&:is(:where(.group\\/select-content)[data-searchable-focus-within] *)",
|
package/package.json
CHANGED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { FormFieldProps } from '../FormField/FormField';
|
|
3
|
-
import { TextInputProps } from '../Input/TextInput/TextInput';
|
|
4
|
-
import { InputSizeProps, InputVariantProps } from './input.cva';
|
|
5
|
-
import { TypographyVariantProps } from '../../text/Typography/typography.cva';
|
|
6
|
-
type StaticInputDataAttributes = {
|
|
7
|
-
dataDisabled?: boolean;
|
|
8
|
-
dataHasSearch?: boolean;
|
|
9
|
-
dataHasSelection?: boolean;
|
|
10
|
-
dataInvalid?: boolean;
|
|
11
|
-
dataIsDirty?: boolean;
|
|
12
|
-
dataIsDisabled?: boolean;
|
|
13
|
-
dataIsEmpty?: boolean;
|
|
14
|
-
dataIsFilled?: boolean;
|
|
15
|
-
dataIsRequired?: boolean;
|
|
16
|
-
};
|
|
17
|
-
interface StaticInputProps extends FormFieldProps {
|
|
18
|
-
onInteract: (shouldFocus: boolean) => void;
|
|
19
|
-
as?: TextInputProps["as"];
|
|
20
|
-
typographySize?: TypographyVariantProps["size"];
|
|
21
|
-
size?: InputSizeProps["size"];
|
|
22
|
-
variant?: InputVariantProps["variant"];
|
|
23
|
-
applyMinInputWidth?: boolean;
|
|
24
|
-
placeholder?: ReactNode;
|
|
25
|
-
showPlacholderIfFilled?: boolean;
|
|
26
|
-
displayValue?: ReactNode;
|
|
27
|
-
isEmpty?: boolean;
|
|
28
|
-
leadingVisual?: ReactNode;
|
|
29
|
-
leadingContent?: ReactNode;
|
|
30
|
-
leadingContentClassName?: string;
|
|
31
|
-
hasClearIcon?: boolean;
|
|
32
|
-
trailingContent?: ReactNode;
|
|
33
|
-
contentRowClassName?: string;
|
|
34
|
-
inputClassName?: string;
|
|
35
|
-
dataAttributes?: StaticInputDataAttributes;
|
|
36
|
-
}
|
|
37
|
-
export declare const StaticInput: ({ onInteract, as, typographySize, size, variant, applyMinInputWidth, placeholder, showPlacholderIfFilled, displayValue, isEmpty, leadingVisual, leadingContent, leadingContentClassName, hasClearIcon, trailingContent, contentRowClassName, inputClassName, dataAttributes, className, ...formFieldProps }: StaticInputProps) => import("react/jsx-runtime").JSX.Element;
|
|
38
|
-
export {};
|