@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.
Files changed (28) hide show
  1. package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts +2 -1
  2. package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +7 -2
  3. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +2 -1
  4. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +7 -2
  5. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +2 -1
  6. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +7 -2
  7. package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +1 -0
  8. package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts +3 -2
  9. package/dist/components/inputs/DateTime/shared/DatePickerInput.js +109 -108
  10. package/dist/components/inputs/DateTime/shared/datePicker.types.d.ts +1 -0
  11. package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.d.ts +2 -1
  12. package/dist/components/inputs/DateTime/shared/datePickerTodayIcon.js +14 -99
  13. package/dist/components/inputs/Inputs/InputItem.d.ts +2 -2
  14. package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +1 -0
  15. package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.d.ts +1 -1
  16. package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +73 -3
  17. package/dist/components/inputs/Selection/Select/QuerySelect.d.ts +3 -3
  18. package/dist/components/inputs/Selection/Select/QuerySelect.js +72 -3
  19. package/dist/components/inputs/Selection/Select/Select.js +1 -0
  20. package/dist/components/inputs/Selection/shared/querySelect.utils.d.ts +5 -0
  21. package/dist/components/inputs/Selection/shared/querySelect.utils.js +15 -3
  22. package/dist/components/inputs/Skeleton/InputFrame.d.ts +2 -0
  23. package/dist/components/inputs/Skeleton/InputFrame.js +353 -333
  24. package/dist/config/uiConfig.context.d.ts +1 -0
  25. package/dist/config/uiConfig.context.js +1 -0
  26. package/dist/tw-ui-plugin.js +4 -0
  27. package/package.json +1 -1
  28. 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">;
@@ -57,6 +57,7 @@ var UIConfig;
57
57
  dateInput: {
58
58
  todayIcon: false,
59
59
  todayIconButtonSize: "none",
60
+ todayIconButtonComponent: "iconButton",
60
61
  todayIconPlacement: "content",
61
62
  shouldForceLeadingZeros: false,
62
63
  disableManualEntry: false,
@@ -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,6 +1,6 @@
1
1
  {
2
2
  "name": "@povio/ui",
3
- "version": "2.3.2-rc.1",
3
+ "version": "2.3.2-rc.3",
4
4
  "type": "module",
5
5
  "module": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -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 {};