@povio/ui 2.3.3 → 3.0.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.
Files changed (117) hide show
  1. package/dist/components/Breadcrumbs/Breadcrumbs.js +11 -11
  2. package/dist/components/Breadcrumbs/breadcrumbs.cva.d.ts +40 -14
  3. package/dist/components/Breadcrumbs/breadcrumbs.cva.js +21 -18
  4. package/dist/components/Menu/MenuItem.js +4 -4
  5. package/dist/components/Menu/MenuMobile.js +6 -6
  6. package/dist/components/Menu/MenuPopover.js +8 -8
  7. package/dist/components/Menu/menu.cva.d.ts +35 -13
  8. package/dist/components/Menu/menu.cva.js +30 -24
  9. package/dist/components/buttons/Button/Button.js +7 -7
  10. package/dist/components/buttons/Button/button.cva.d.ts +95 -26
  11. package/dist/components/buttons/Button/button.cva.js +601 -589
  12. package/dist/components/buttons/PillButton/PillButton.js +4 -4
  13. package/dist/components/buttons/PillButton/pillButton.cva.d.ts +33 -9
  14. package/dist/components/buttons/PillButton/pillButton.cva.js +247 -239
  15. package/dist/components/buttons/shared/ButtonContent.js +3 -3
  16. package/dist/components/buttons/shared/buttonContent.cva.d.ts +3 -5
  17. package/dist/components/buttons/shared/buttonContent.cva.js +1 -8
  18. package/dist/components/inputs/Checkbox/Checkbox.js +2 -2
  19. package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +4 -4
  20. package/dist/components/inputs/Checkbox/checkbox.cva.d.ts +23 -10
  21. package/dist/components/inputs/Checkbox/checkbox.cva.js +46 -40
  22. package/dist/components/inputs/DateTime/shared/DatePickerInput.js +4 -4
  23. package/dist/components/inputs/DateTime/shared/DateTimeDialog.js +3 -3
  24. package/dist/components/inputs/DateTime/shared/TimePickerInput.js +4 -4
  25. package/dist/components/inputs/File/shared/InputUploadContent.js +3 -3
  26. package/dist/components/inputs/File/shared/InputUploadFilled.js +3 -3
  27. package/dist/components/inputs/File/shared/fileUpload.cva.d.ts +26 -9
  28. package/dist/components/inputs/File/shared/fileUpload.cva.js +48 -40
  29. package/dist/components/inputs/File/shared/inputUploadButton.cva.d.ts +23 -6
  30. package/dist/components/inputs/File/shared/inputUploadButton.cva.js +29 -20
  31. package/dist/components/inputs/FormField/FormFieldError.js +3 -3
  32. package/dist/components/inputs/FormField/FormFieldHelper.js +3 -3
  33. package/dist/components/inputs/FormField/FormFieldLabel.js +6 -6
  34. package/dist/components/inputs/FormField/formFieldError.cva.d.ts +12 -5
  35. package/dist/components/inputs/FormField/formFieldError.cva.js +11 -8
  36. package/dist/components/inputs/FormField/formFieldHelper.cva.d.ts +12 -5
  37. package/dist/components/inputs/FormField/formFieldHelper.cva.js +11 -8
  38. package/dist/components/inputs/Input/NumberInput/NumberInput.js +3 -3
  39. package/dist/components/inputs/Input/TextArea/TextArea.js +4 -4
  40. package/dist/components/inputs/Input/TextInput/TextInput.js +3 -3
  41. package/dist/components/inputs/Input/shared/InputContent.js +5 -5
  42. package/dist/components/inputs/RadioGroup/RadioGroup.js +4 -4
  43. package/dist/components/inputs/RadioGroup/radio.cva.d.ts +12 -6
  44. package/dist/components/inputs/RadioGroup/radio.cva.js +27 -24
  45. package/dist/components/inputs/Selection/shared/SelectDesktop.js +3 -3
  46. package/dist/components/inputs/Selection/shared/SelectInput.js +4 -4
  47. package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +3 -3
  48. package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +3 -3
  49. package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js +3 -3
  50. package/dist/components/inputs/Selection/shared/selectItem.cva.d.ts +16 -6
  51. package/dist/components/inputs/Selection/shared/selectItem.cva.js +21 -18
  52. package/dist/components/inputs/TextEditor/TextEditor.js +3 -3
  53. package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +3 -3
  54. package/dist/components/inputs/Toggle/Toggle.js +4 -4
  55. package/dist/components/inputs/Toggle/toggle.cva.d.ts +12 -6
  56. package/dist/components/inputs/Toggle/toggle.cva.js +24 -21
  57. package/dist/components/inputs/shared/CheckContent.js +3 -3
  58. package/dist/components/inputs/shared/input.cva.d.ts +55 -16
  59. package/dist/components/inputs/shared/input.cva.js +279 -271
  60. package/dist/components/inputs/shared/label.cva.d.ts +15 -6
  61. package/dist/components/inputs/shared/label.cva.js +28 -25
  62. package/dist/components/navigation/Accordion/Accordion.js +3 -3
  63. package/dist/components/navigation/Accordion/AccordionItem.js +11 -11
  64. package/dist/components/navigation/Accordion/accordion.cva.d.ts +109 -44
  65. package/dist/components/navigation/Accordion/accordion.cva.js +114 -84
  66. package/dist/components/navigation/Stepper/Stepper.js +3 -3
  67. package/dist/components/navigation/Stepper/StepperItem.js +12 -12
  68. package/dist/components/navigation/Stepper/StepperSeparator.js +3 -3
  69. package/dist/components/navigation/Stepper/stepper.cva.d.ts +86 -30
  70. package/dist/components/navigation/Stepper/stepper.cva.js +104 -83
  71. package/dist/components/overlays/Modal/Modal.js +5 -5
  72. package/dist/components/overlays/Modal/modal.cva.d.ts +34 -9
  73. package/dist/components/overlays/Modal/modal.cva.js +38 -27
  74. package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +3 -3
  75. package/dist/components/overlays/Tooltip/Tooltip.js +9 -9
  76. package/dist/components/overlays/Tooltip/tooltip.cva.d.ts +45 -17
  77. package/dist/components/overlays/Tooltip/tooltip.cva.js +38 -26
  78. package/dist/components/segment/Segment.js +4 -4
  79. package/dist/components/segment/SegmentItem.js +4 -4
  80. package/dist/components/segment/segment.cva.d.ts +18 -7
  81. package/dist/components/segment/segment.cva.js +24 -21
  82. package/dist/components/shared/popover.cva.d.ts +7 -3
  83. package/dist/components/shared/popover.cva.js +3 -3
  84. package/dist/components/status/Alert/Alert.js +6 -6
  85. package/dist/components/status/Alert/alert.cva.d.ts +18 -6
  86. package/dist/components/status/Alert/alert.cva.js +60 -57
  87. package/dist/components/status/Loader/loader.cva.d.ts +23 -4
  88. package/dist/components/status/Loader/loader.cva.js +22 -13
  89. package/dist/components/status/Toast/Toast.js +6 -7
  90. package/dist/components/status/Toast/toast.cva.d.ts +61 -10
  91. package/dist/components/status/Toast/toast.cva.js +129 -64
  92. package/dist/components/status/shared/status.cva.d.ts +30 -8
  93. package/dist/components/status/shared/status.cva.js +56 -50
  94. package/dist/components/table/CellText.js +3 -3
  95. package/dist/components/table/HeaderText.js +3 -3
  96. package/dist/components/table/Table.js +6 -6
  97. package/dist/components/table/table.cva.d.ts +52 -19
  98. package/dist/components/table/table.cva.js +44 -35
  99. package/dist/components/text/Link/Link.js +3 -3
  100. package/dist/components/text/Link/link.cva.d.ts +11 -5
  101. package/dist/components/text/Link/link.cva.js +8 -5
  102. package/dist/components/text/Tag/Tag.js +3 -3
  103. package/dist/components/text/Tag/tag.cva.d.ts +15 -5
  104. package/dist/components/text/Tag/tag.cva.js +51 -48
  105. package/dist/components/text/Typography/Typography.js +3 -3
  106. package/dist/components/text/Typography/typography.cva.d.ts +48 -7
  107. package/dist/components/text/Typography/typography.cva.js +125 -122
  108. package/dist/config/uiOverrides.context.d.ts +174 -0
  109. package/dist/config/uiOverrides.context.js +73 -0
  110. package/dist/index.d.ts +29 -1
  111. package/dist/index.js +30 -2
  112. package/dist/utils/style-merge.util.d.ts +43 -0
  113. package/dist/utils/style-merge.util.js +233 -0
  114. package/dist/utils/style-merge.util.spec.d.ts +1 -0
  115. package/package.json +1 -1
  116. package/dist/config/uiStyle.context.d.ts +0 -162
  117. package/dist/config/uiStyle.context.js +0 -30
@@ -1,11 +1,11 @@
1
- import { UIStyle } from "../../../config/uiStyle.context.js";
2
- import { typography } from "../../text/Typography/typography.cva.js";
1
+ import { UIOverrides } from "../../../config/uiOverrides.context.js";
2
+ import { typographyDefinition } from "../../text/Typography/typography.cva.js";
3
3
  import { jsx } from "react/jsx-runtime";
4
4
  import clsx$1 from "clsx";
5
5
  //#region src/components/inputs/shared/CheckContent.tsx
6
6
  var CheckContent = ({ children, className, ...props }) => {
7
7
  return /* @__PURE__ */ jsx("div", {
8
- className: clsx$1(UIStyle.useCva("typography.cva", typography)({
8
+ className: clsx$1(UIOverrides.useCva("typography.cva", typographyDefinition)({
9
9
  size: "label-1",
10
10
  sizeMobile: "label-1",
11
11
  variant: "default",
@@ -1,22 +1,61 @@
1
- import { VariantProps } from 'class-variance-authority';
2
1
  import { ClassProp } from 'class-variance-authority/types';
3
- export declare const inputBase: (props?: ({
4
- variant?: "outlined" | "filled" | null | undefined;
5
- as?: "filter" | "default" | "floating" | "inline" | null | undefined;
6
- } & ClassProp) | undefined) => string;
7
- export interface InputBaseProps extends VariantProps<typeof inputBase> {
2
+ import { UIOverrides } from '../../../config/uiOverrides.context';
3
+ export declare const inputBaseDefinition: {
4
+ base: string[];
5
+ config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
6
+ readonly variant: {
7
+ readonly outlined: "";
8
+ readonly filled: "";
9
+ };
10
+ readonly as: {
11
+ readonly default: "rounded-input-rounding-default";
12
+ readonly floating: "rounded-input-rounding-default";
13
+ readonly filter: "rounded-input-rounding-default";
14
+ readonly inline: ["h-full", "border-transparent border-b-0 bg-transparent text-text-default-1", "hover:border-input-outlined-outline-hover", "focus-within:border-input-outlined-outline-active", "invalid:border-input-outlined-outline-error", "has-invalid:border-input-outlined-outline-error", "disabled:hover:border-transparent", "has-disabled:hover:border-transparent"];
15
+ };
16
+ }>;
17
+ };
18
+ export type InputBaseConfig = NonNullable<typeof inputBaseDefinition.config>;
19
+ export interface InputBaseProps extends UIOverrides.VariantProps<InputBaseConfig> {
8
20
  }
9
- export declare const inputSize: (props?: ({
10
- size?: "small" | "default" | "extra-small" | "large" | null | undefined;
11
- as?: "filter" | "default" | "floating" | "inline" | null | undefined;
12
- } & ClassProp) | undefined) => string;
13
- export interface InputSizeProps extends VariantProps<typeof inputSize> {
21
+ export declare const inputSizeDefinition: {
22
+ base: string[];
23
+ config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
24
+ readonly size: {
25
+ readonly "extra-small": "text-label-1";
26
+ readonly small: "text-label-1";
27
+ readonly default: "text-label-1";
28
+ readonly large: "text-label-1";
29
+ };
30
+ readonly as: {
31
+ readonly default: "";
32
+ readonly floating: ["px-input-side-m", "py-floating-label-input-height-empty", "input-filled:pb-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-bottom))]", "input-filled:pt-[calc(var(--spacing-floating-label-input-height-filled)+var(--spacing-floating-label-input-offset-top)+var(--text-label-3--line-height)*var(--text-label-3))]"];
33
+ readonly filter: "";
34
+ readonly inline: "";
35
+ };
36
+ }>;
37
+ };
38
+ export type InputSizeConfig = NonNullable<typeof inputSizeDefinition.config>;
39
+ export interface InputSizeProps extends UIOverrides.VariantProps<InputSizeConfig> {
14
40
  }
15
- export declare const inputSide: (props?: ({
16
- size?: "small" | "default" | "extra-small" | "large" | null | undefined;
17
- type?: "left" | "right" | "var" | null | undefined;
18
- } & ClassProp) | undefined) => string;
19
- export interface InputSideProps extends VariantProps<typeof inputSide> {
41
+ export declare const inputSideDefinition: {
42
+ base: string[];
43
+ config: import("../../../utils/style-merge.util").StyleMergeUtils.Config<{
44
+ readonly size: {
45
+ readonly "extra-small": "";
46
+ readonly small: "";
47
+ readonly default: "";
48
+ readonly large: "";
49
+ };
50
+ readonly type: {
51
+ readonly left: "";
52
+ readonly right: "";
53
+ readonly var: "";
54
+ };
55
+ }>;
56
+ };
57
+ export type InputSideConfig = NonNullable<typeof inputSideDefinition.config>;
58
+ export interface InputSideProps extends UIOverrides.VariantProps<InputSideConfig> {
20
59
  }
21
60
  export interface InputVariantProps extends InputBaseProps, InputSizeProps {
22
61
  }