@ultraviolet/ui 3.5.0 → 3.6.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 (63) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Checkbox/styles.css.d.ts.map +1 -1
  3. package/dist/components/Chip/index.d.ts +1 -1
  4. package/dist/components/Link/styles.css.d.ts +31 -31
  5. package/dist/components/Link/styles.css.d.ts.map +1 -1
  6. package/dist/components/Link/styles.css.js +1 -1
  7. package/dist/components/List/Row.d.ts +1 -0
  8. package/dist/components/List/Row.d.ts.map +1 -1
  9. package/dist/components/List/Row.js +9 -3
  10. package/dist/components/List/index.d.ts +0 -3
  11. package/dist/components/List/index.d.ts.map +1 -1
  12. package/dist/components/Menu/MenuContent.d.ts.map +1 -1
  13. package/dist/components/Menu/index.d.ts.map +1 -1
  14. package/dist/components/NumberInput/index.d.ts +1 -1
  15. package/dist/components/Popover/index.d.ts.map +1 -1
  16. package/dist/components/Popup/helpers.d.ts +1 -1
  17. package/dist/components/Popup/helpers.d.ts.map +1 -1
  18. package/dist/components/Popup/helpers.js +6 -6
  19. package/dist/components/Popup/index.d.ts +1 -1
  20. package/dist/components/Popup/index.d.ts.map +1 -1
  21. package/dist/components/Popup/index.js +1 -1
  22. package/dist/components/Popup/styles.css.js +0 -1
  23. package/dist/components/Popup/variables.css.js +1 -0
  24. package/dist/components/SelectInput/components/Dropdown.d.ts +14 -1
  25. package/dist/components/SelectInput/components/Dropdown.d.ts.map +1 -1
  26. package/dist/components/SelectInput/components/Dropdown.js +304 -131
  27. package/dist/components/SelectInput/components/SearchBarDropdown.d.ts.map +1 -1
  28. package/dist/components/SelectInput/components/SearchBarDropdown.js +10 -4
  29. package/dist/components/SelectInput/components/SelectBar.d.ts.map +1 -1
  30. package/dist/components/SelectInput/components/SelectBar.js +1 -4
  31. package/dist/components/SelectInput/components/dropdown.css.d.ts +7 -5
  32. package/dist/components/SelectInput/components/dropdown.css.d.ts.map +1 -1
  33. package/dist/components/SelectInput/components/dropdown.css.js +13 -9
  34. package/dist/components/SelectInput/constants.d.ts +13 -0
  35. package/dist/components/SelectInput/constants.d.ts.map +1 -0
  36. package/dist/components/SelectInput/constants.js +18 -0
  37. package/dist/components/SelectInput/index.d.ts +11 -5
  38. package/dist/components/SelectInput/index.d.ts.map +1 -1
  39. package/dist/components/SelectInput/index.js +7 -1
  40. package/dist/components/SelectInput/types.d.ts +0 -5
  41. package/dist/components/SelectInput/types.d.ts.map +1 -1
  42. package/dist/components/Slider/components/DoubleSlider.d.ts +1 -1
  43. package/dist/components/Slider/components/DoubleSlider.d.ts.map +1 -1
  44. package/dist/components/Slider/components/DoubleSlider.js +14 -10
  45. package/dist/components/Slider/components/SingleSlider.d.ts +1 -1
  46. package/dist/components/Slider/components/SingleSlider.d.ts.map +1 -1
  47. package/dist/components/Slider/components/SingleSlider.js +9 -3
  48. package/dist/components/Slider/index.d.ts +1 -1
  49. package/dist/components/Slider/index.d.ts.map +1 -1
  50. package/dist/components/Slider/index.js +3 -0
  51. package/dist/components/Slider/types.d.ts +5 -0
  52. package/dist/components/Slider/types.d.ts.map +1 -1
  53. package/dist/components/Stack/index.d.ts +2 -3
  54. package/dist/components/Stack/index.d.ts.map +1 -1
  55. package/dist/components/Stack/index.js +67 -65
  56. package/dist/components/Tabs/index.d.ts +1 -1
  57. package/dist/components/TextInput/index.d.ts +1 -1
  58. package/dist/components/Tooltip/index.d.ts +1 -1
  59. package/dist/components/Tooltip/index.d.ts.map +1 -1
  60. package/dist/theme/ThemeProvider.js +1 -1
  61. package/dist/ui.css +1 -1
  62. package/package.json +4 -4
  63. package/dist/components/SelectInput/types.js +0 -9
package/README.md CHANGED
@@ -45,7 +45,7 @@ For the library to work properly, you need to wrap your application with the `Th
45
45
  You will also need to import styles of components for them to have the correct styles.
46
46
 
47
47
  ```tsx
48
- import { ThemeProvider } from '@ultraviolet/ui'
48
+ import { ThemeProvider } from '@ultraviolet/themes'
49
49
  import { Button, theme } from '@ultraviolet/ui'
50
50
  import '@ultraviolet/ui/styles'
51
51
 
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAEvC,eAAO,MAAM,IAAI,QAMf,CAAA;AAOF,eAAO,MAAM,KAAK,QAGhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAK5B,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.css.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS,QAEpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAGxB,CAAA;AAEF,eAAO,MAAM,cAAc,QAAY,CAAA;AAEvC,eAAO,MAAM,IAAI,QAMf,CAAA;AAOF,eAAO,MAAM,KAAK,QAGhB,CAAA;AAEF,eAAO,MAAM,aAAa,QAOxB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAI5B,CAAA"}
@@ -15,7 +15,7 @@ type ChipType = {
15
15
  export declare const Chip: {
16
16
  ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, style, }: ChipType): import("react/jsx-runtime").JSX.Element;
17
17
  Icon: ({ name, onClick, "data-testid": dataTestId, }: {
18
- name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "pen" | "download" | "cancel" | "close" | "play" | "send" | "email" | "arrowLeft" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
18
+ name: "search" | "anchor" | "bold" | "filter" | "sort" | "italic" | "underline" | "drag" | "address" | "audio" | "video" | "image" | "stop" | "view" | "id" | "send" | "email" | "arrowLeft" | "cancel" | "close" | "play" | "download" | "pen" | "upload" | "addressOutline" | "addressPlay" | "adjustmentsHorizontal" | "adjustmentsHorizontalOutline" | "alertCircle" | "alertCircleOutline" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "autoFix" | "autoFixOutline" | "bookOpenOutline" | "bookOpenOutlineOutline" | "boxEssentials" | "boxEssentialsOutline" | "bullhorn" | "bullhornOutline" | "burger" | "calculator" | "calculatorOutline" | "calendarRange" | "calendarRangeOutline" | "chat" | "chatOutline" | "checkCircle" | "checkCircleOutline" | "check" | "clickhouse" | "lock" | "clock" | "lockOutline" | "clockOutline" | "closeCircle" | "closeCircleOutline" | "console" | "consoleOutline" | "copyContent" | "credential" | "credentialOutline" | "creditCard" | "creditCardOutline" | "database" | "databaseOutline" | "delete" | "deleteOutline" | "detach" | "doc" | "docOutline" | "docPaper" | "docPaperOutline" | "dotsHorizontal" | "dotsVertical" | "earth" | "earthOutline" | "east" | "eastShort" | "emailOutline" | "emailRemove" | "emailRemoveOutline" | "equal" | "escape" | "expand" | "expandMore" | "eye" | "eyeOff" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folder" | "folderOutline" | "github" | "helpCircle" | "helpCircleOutline" | "home" | "homeOutline" | "idOutline" | "imageOutline" | "information" | "informationOutline" | "instagram" | "leaf" | "leafOutline" | "leftRightArrow" | "lightBulb" | "lightBulbOutline" | "linkedin" | "listBullet" | "listNumber" | "logout" | "members" | "membersOutline" | "minus" | "moon" | "moonOutline" | "mosaic" | "mosaicOutline" | "music" | "musicOutline" | "north" | "northShort" | "notification" | "notificationOutline" | "openInNew" | "organization" | "paperclip" | "partnerSpace" | "pen2" | "pen2Outline" | "pencil" | "pencilOutline" | "penOutline" | "phone" | "phoneOutline" | "pin" | "pinOutline" | "playOutline" | "plus" | "privacy" | "privacyOutline" | "profile" | "profileOutline" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rocket" | "rocketOutline" | "rss" | "sendOutline" | "settings" | "settingsOutline" | "shieldCheck" | "shieldCheckOutline" | "shield" | "shieldOutline" | "sidebar" | "sidebarOutline" | "slack" | "south" | "southShort" | "sparkles" | "sparklesOutline" | "star" | "starOutline" | "stopOutline" | "sun" | "sunOutline" | "support" | "supportOutline" | "switchOrga" | "thumbsDown" | "thumbsDownOutline" | "thumbsUp" | "thumbsUpOutline" | "twitter" | "unlock" | "unlockOutline" | "unpin" | "unpinOutline" | "videoOutline" | "weatherNight" | "weatherNightOutline" | "west" | "westShort" | "youtube";
19
19
  onClick?: () => void;
20
20
  'data-testid'?: string;
21
21
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,69 +1,62 @@
1
1
  export declare const link: import("@vanilla-extract/recipes").RuntimeFn<{
2
- oneLine: {
3
- false: {
4
- width: "fit-content";
5
- };
6
- true: {
7
- display: "block";
8
- overflow: "hidden";
9
- textOverflow: "ellipsis";
10
- whiteSpace: "nowrap";
11
- };
12
- };
13
- prominence: {
14
- [k: string]: {};
15
- };
16
2
  sentiment: {
17
- info: {
3
+ primary: {
18
4
  selectors: {
19
- '&:focus::after': {
5
+ '&:hover::after': {
20
6
  backgroundColor: `var(--${string})`;
21
7
  };
22
- '&:hover::after': {
8
+ '&:focus::after': {
23
9
  backgroundColor: `var(--${string})`;
24
10
  };
25
11
  };
26
12
  };
27
- primary: {
13
+ info: {
28
14
  selectors: {
29
- '&:focus::after': {
15
+ '&:hover::after': {
30
16
  backgroundColor: `var(--${string})`;
31
17
  };
32
- '&:hover::after': {
18
+ '&:focus::after': {
33
19
  backgroundColor: `var(--${string})`;
34
20
  };
35
21
  };
36
22
  };
37
23
  };
38
- type: {
39
- inline: {
40
- textDecoration: "underline";
41
- textDecorationThickness: number;
24
+ prominence: {
25
+ [k: string]: {};
26
+ };
27
+ oneLine: {
28
+ true: {
29
+ whiteSpace: "nowrap";
30
+ textOverflow: "ellipsis";
31
+ overflow: "hidden";
32
+ display: "block";
33
+ };
34
+ false: {
35
+ width: "fit-content";
42
36
  };
43
- standalone: {};
44
37
  };
45
38
  variant: {
46
- bodySmallStrong: {
47
- fontFamily: `var(--${string})`;
39
+ captionStrong: {
48
40
  fontSize: `var(--${string})`;
41
+ fontFamily: `var(--${string})`;
49
42
  fontWeight: `var(--${string})`;
50
43
  letterSpacing: `var(--${string})`;
51
44
  lineHeight: `var(--${string})`;
52
45
  paragraphSpacing: `var(--${string})`;
53
46
  textCase: `var(--${string})`;
54
47
  };
55
- bodyStrong: {
56
- fontFamily: `var(--${string})`;
48
+ bodySmallStrong: {
57
49
  fontSize: `var(--${string})`;
50
+ fontFamily: `var(--${string})`;
58
51
  fontWeight: `var(--${string})`;
59
52
  letterSpacing: `var(--${string})`;
60
53
  lineHeight: `var(--${string})`;
61
54
  paragraphSpacing: `var(--${string})`;
62
55
  textCase: `var(--${string})`;
63
56
  };
64
- captionStrong: {
65
- fontFamily: `var(--${string})`;
57
+ bodyStrong: {
66
58
  fontSize: `var(--${string})`;
59
+ fontFamily: `var(--${string})`;
67
60
  fontWeight: `var(--${string})`;
68
61
  letterSpacing: `var(--${string})`;
69
62
  lineHeight: `var(--${string})`;
@@ -71,6 +64,13 @@ export declare const link: import("@vanilla-extract/recipes").RuntimeFn<{
71
64
  textCase: `var(--${string})`;
72
65
  };
73
66
  };
67
+ type: {
68
+ inline: {
69
+ textDecoration: "underline";
70
+ textDecorationThickness: number;
71
+ };
72
+ standalone: {};
73
+ };
74
74
  }>;
75
75
  export declare const containerIconLink: string;
76
76
  export declare const defaultLink: string;
@@ -1 +1 @@
1
- {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.css.ts"],"names":[],"mappings":"AAuDA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiGf,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAKF,eAAO,MAAM,WAAW,QAAY,CAAA;AAEpC,eAAO,MAAM,YAAY,QAWvB,CAAA;AAGF,eAAO,MAAM,aAAa,QAWxB,CAAA"}
1
+ {"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Link/styles.css.ts"],"names":[],"mappings":"AAuDA,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6Ff,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAG5B,CAAA;AAKF,eAAO,MAAM,WAAW,QAAY,CAAA;AAEpC,eAAO,MAAM,YAAY,QAWvB,CAAA;AAGF,eAAO,MAAM,aAAa,QAWxB,CAAA"}
@@ -1,6 +1,6 @@
1
1
  /* empty css */
2
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
3
- var link = createRuntimeFn({ defaultClassName: "uv_1dtqm9e0", variantClassNames: { oneLine: { false: "uv_1dtqm9e1", true: "uv_1dtqm9e2" }, prominence: { "default": "uv_1dtqm9e3", strong: "uv_1dtqm9e4", stronger: "uv_1dtqm9e5", weak: "uv_1dtqm9e6" }, sentiment: { info: "uv_1dtqm9e7", primary: "uv_1dtqm9e8" }, type: { inline: "uv_1dtqm9e9", standalone: "uv_1dtqm9ea" }, variant: { bodySmallStrong: "uv_1dtqm9eb", bodyStrong: "uv_1dtqm9ec", captionStrong: "uv_1dtqm9ed" } }, defaultVariants: { oneLine: false, prominence: "default", sentiment: "info", type: "standalone", variant: "bodyStrong" }, compoundVariants: [[{ prominence: "default", sentiment: "primary" }, "uv_1dtqm9ee"], [{ prominence: "strong", sentiment: "primary" }, "uv_1dtqm9ef"], [{ prominence: "stronger", sentiment: "primary" }, "uv_1dtqm9eg"], [{ prominence: "weak", sentiment: "primary" }, "uv_1dtqm9eh"], [{ prominence: "default", sentiment: "info" }, "uv_1dtqm9ei"], [{ prominence: "strong", sentiment: "info" }, "uv_1dtqm9ej"], [{ prominence: "stronger", sentiment: "info" }, "uv_1dtqm9ek"], [{ prominence: "weak", sentiment: "info" }, "uv_1dtqm9el"]] });
3
+ var link = createRuntimeFn({ defaultClassName: "uv_1dtqm9e0", variantClassNames: { sentiment: { primary: "uv_1dtqm9e1", info: "uv_1dtqm9e2" }, prominence: { "default": "uv_1dtqm9e3", strong: "uv_1dtqm9e4", stronger: "uv_1dtqm9e5", weak: "uv_1dtqm9e6" }, oneLine: { true: "uv_1dtqm9e7", false: "uv_1dtqm9e8" }, variant: { captionStrong: "uv_1dtqm9e9", bodySmallStrong: "uv_1dtqm9ea", bodyStrong: "uv_1dtqm9eb" }, type: { inline: "uv_1dtqm9ec", standalone: "uv_1dtqm9ed" } }, defaultVariants: { prominence: "default", sentiment: "info", oneLine: false, variant: "bodyStrong", type: "standalone" }, compoundVariants: [[{ sentiment: "primary", prominence: "default" }, "uv_1dtqm9ee"], [{ sentiment: "primary", prominence: "strong" }, "uv_1dtqm9ef"], [{ sentiment: "primary", prominence: "stronger" }, "uv_1dtqm9eg"], [{ sentiment: "primary", prominence: "weak" }, "uv_1dtqm9eh"], [{ sentiment: "info", prominence: "default" }, "uv_1dtqm9ei"], [{ sentiment: "info", prominence: "strong" }, "uv_1dtqm9ej"], [{ sentiment: "info", prominence: "stronger" }, "uv_1dtqm9ek"], [{ sentiment: "info", prominence: "weak" }, "uv_1dtqm9el"]] });
4
4
  var containerIconLink = "uv_1dtqm9em";
5
5
  var defaultLink = "uv_1dtqm9en";
6
6
  var iconLeftLink = "uv_1dtqm9eo";
@@ -22,6 +22,7 @@ type RowProps = {
22
22
  'data-dragging'?: boolean;
23
23
  onMouseEnter?: MouseEventHandler<HTMLTableRowElement>;
24
24
  onMouseLeave?: MouseEventHandler<HTMLTableRowElement>;
25
+ onClick?: (id: string) => void;
25
26
  };
26
27
  export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLTableRowElement>>;
27
28
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,GAAG,0GAwNf,CAAA"}
1
+ {"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,GAAG,0GA8Nf,CAAA"}
@@ -29,7 +29,8 @@ const Row = forwardRef(
29
29
  style,
30
30
  "data-dragging": dataDragging,
31
31
  onMouseEnter,
32
- onMouseLeave
32
+ onMouseLeave,
33
+ onClick
33
34
  }, forwardedRef) => {
34
35
  const {
35
36
  selectable,
@@ -92,7 +93,12 @@ const Row = forwardRef(
92
93
  "data-dragging": dataDragging,
93
94
  "data-highlight": selectable && !!selectedRowIds[id],
94
95
  "data-testid": dataTestid,
95
- onClick: canClickRowToExpand ? toggleRowExpand : void 0,
96
+ onClick: () => {
97
+ onClick?.(id);
98
+ if (canClickRowToExpand) {
99
+ toggleRowExpand();
100
+ }
101
+ },
96
102
  onKeyDown: canClickRowToExpand ? (event) => {
97
103
  if (event.key === " ") {
98
104
  toggleRowExpand();
@@ -131,7 +137,7 @@ const Row = forwardRef(
131
137
  "aria-label": "expand",
132
138
  "data-testid": "list-expand-button",
133
139
  disabled: disabled || !expandable,
134
- onClick: toggleRowExpand,
140
+ onClick: () => toggleRowExpand(),
135
141
  sentiment,
136
142
  size: "small",
137
143
  variant: "ghost",
@@ -29,9 +29,6 @@ type NewListProps = Omit<ListProps, 'colMode'> & {
29
29
  colMode: 'strict';
30
30
  };
31
31
  type LegacyListProps = Omit<ListProps, 'colMode'> & {
32
- /**
33
- * @deprecated use `colMode="strict"` instead
34
- */
35
32
  colMode?: 'flexible' | undefined;
36
33
  };
37
34
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAiFD;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IACH,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IACrE,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAiFD;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IACH,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IACrE,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJA8MlB,CAAA"}
1
+ {"version":3,"file":"MenuContent.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuContent.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,oBAAoB,EAGpB,SAAS,EACT,GAAG,EACJ,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAkBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAqCU,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iJA8M3B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBAC+/B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CADp9B,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAqBhC,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;iBACwgC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAD79B,CAAA"}
@@ -30,6 +30,6 @@ export declare const NumberInput: import("react").ForwardRefExoticComponent<{
30
30
  onChange?: (newValue: number | null) => void;
31
31
  min?: number;
32
32
  max?: number;
33
- } & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "name" | "step" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
33
+ } & Pick<InputHTMLAttributes<HTMLInputElement>, "style" | "disabled" | "id" | "autoFocus" | "aria-label" | "onFocus" | "onBlur" | "step" | "name" | "required" | "placeholder" | "readOnly"> & import("react").RefAttributes<HTMLInputElement>>;
34
34
  export {};
35
35
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjB/E,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA4GC,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAY3D,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAGhC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAG7C,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,CAAA;AAuE1C;;;GAGG;AACH,eAAO,MAAM,OAAO;cA1BR,SAAS;aACV,SAAS;WACX,MAAM;gBACD,aAAa;cACf,OAAO;WACV,MAAM,OAAO,WAAW;cACrB,MAAM,IAAI;gBACR,MAAM;oBACF,MAAM;eACX,MAAM;gBACL,MAAM;IAClB;;;OAGG;mBACY,WAAW;gBACd,OAAO,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,aAAa,CAAC;;;;iBAjBvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;8IA4GR,CAAA"}
@@ -28,7 +28,7 @@ type ComputePositionsTypes = {
28
28
  */
29
29
  export declare const computePositions: ({ placement, childrenRef, popupRef, popupPortalTarget, hasArrow, align, }: ComputePositionsTypes) => {
30
30
  arrowLeft: number;
31
- arrowTop: number;
31
+ arrowTop: string;
32
32
  arrowTransform: string;
33
33
  placement: string;
34
34
  popupInitialPosition: string;
@@ -1 +1 @@
1
- {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,2EAO9B,qBAAqB;;;;;;;;CA6PvB,CAAA"}
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,QAAA,MAAM,UAAU,4DAA6D,CAAA;AAE7E,KAAK,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,KAAK,gBAAgB,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,MAAM,GACxE,GAAG,CAAC,GAAG,CAAC,EAAE,GACV,KAAK,CAAA;AAET,KAAK,cAAc,GACf,gBAAgB,CAAC,OAAO,CAAC,UAAU,EAAE,aAAa,CAAC,EAAE,OAAO,CAAC,GAC7D,MAAM,CAAA;AAEV,MAAM,MAAM,cAAc,GAAG,cAAc,GAAG,UAAU,CAAA;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,CAAA;AAM3C,eAAO,MAAM,mBAAmB,IAAI,CAAA;AAGpC,eAAO,MAAM,iBAAiB;;;;;;;;CAQ7B,CAAA;AAuND,KAAK,qBAAqB,GAAG;IAC3B,SAAS,EAAE,cAAc,CAAA;IACzB,WAAW,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC1C,iBAAiB,EAAE,WAAW,CAAA;IAC9B,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,UAAU,CAAA;CAClB,CAAA;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,2EAO9B,qBAAqB;;;;;;;;CAqPvB,CAAA"}
@@ -187,7 +187,7 @@ const computePositions = ({
187
187
  const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
188
188
  return {
189
189
  arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
190
- arrowTop: -arrowWidth - 5,
190
+ arrowTop: `${-arrowWidth - 5}px`,
191
191
  arrowTransform: "",
192
192
  placement: "bottom",
193
193
  popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY - TOTAL_USED_SPACE}px, 0)`,
@@ -200,7 +200,7 @@ const computePositions = ({
200
200
  const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
201
201
  return {
202
202
  arrowLeft: popupWidth + arrowWidth + 5,
203
- arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
203
+ arrowTop: "50%",
204
204
  arrowTransform: "translate(-50%, -50%)",
205
205
  placement: "left",
206
206
  popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
@@ -213,7 +213,7 @@ const computePositions = ({
213
213
  const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
214
214
  return {
215
215
  arrowLeft: -arrowWidth - 5,
216
- arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
216
+ arrowTop: "50%",
217
217
  arrowTransform: "translate(50%, -50%)",
218
218
  placement: "right",
219
219
  popupInitialPosition: `translate3d(${positionX - TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
@@ -234,7 +234,7 @@ const computePositions = ({
234
234
  const positionY2 = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 8;
235
235
  return {
236
236
  arrowLeft: -arrowWidth - 5,
237
- arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
237
+ arrowTop: "50%",
238
238
  arrowTransform: "translate(50%, -50%)",
239
239
  placement: "right",
240
240
  popupInitialPosition: `translate3d(${positionX2 - TOTAL_USED_SPACE}px, ${positionY2 + popupOverflow}px, 0)`,
@@ -246,7 +246,7 @@ const computePositions = ({
246
246
  const positionY = isAligned ? overloadedChildrenTop + scrollTopValue : overloadedChildrenTop + scrollTopValue - popupHeight / 2 + childrenHeight / 2;
247
247
  return {
248
248
  arrowLeft: popupWidth + arrowWidth + 5,
249
- arrowTop: isAligned ? childrenHeight / 2 - arrowWidth : popupHeight / 2 + popupOverflow * -1,
249
+ arrowTop: "50%",
250
250
  arrowTransform: "translate(-50%, -50%)",
251
251
  placement: "left",
252
252
  popupInitialPosition: `translate3d(${positionX + TOTAL_USED_SPACE}px, ${positionY + popupOverflow}px, 0)`,
@@ -261,7 +261,7 @@ const computePositions = ({
261
261
  const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
262
262
  return {
263
263
  arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
264
- arrowTop: popupHeight - 1,
264
+ arrowTop: `${popupHeight - 1}px`,
265
265
  arrowTransform: "",
266
266
  placement: "top",
267
267
  popupInitialPosition: `translate3d(${finalPositionX}px, ${positionY + TOTAL_USED_SPACE}px, 0)`,
@@ -2,7 +2,7 @@ import type { CSSProperties, HTMLAttributes, KeyboardEventHandler, ReactNode, Re
2
2
  import type { PopupAlign, PopupPlacement } from './helpers';
3
3
  export type PositionsType = {
4
4
  arrowLeft: number;
5
- arrowTop: number;
5
+ arrowTop: string | number;
6
6
  arrowTransform: string;
7
7
  placement: string;
8
8
  rotate: number;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAwB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AASD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAgfjB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popup/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,oBAAoB,EAEpB,SAAS,EACT,GAAG,EACH,SAAS,EACV,MAAM,OAAO,CAAA;AAed,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAwB3D,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAA;IACzB,cAAc,EAAE,MAAM,CAAA;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,MAAM,EAAE,MAAM,CAAA;IACd,oBAAoB,EAAE,MAAM,CAAA;IAC5B,aAAa,EAAE,MAAM,CAAA;CACtB,CAAA;AASD,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,CAAA;AAEnE,KAAK,UAAU,GAAG;IAChB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,WAAW,EAAE;QACb,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB,MAAM,EAAE,MAAM,IAAI,CAAA;QAClB,OAAO,EAAE,MAAM,IAAI,CAAA;QACnB,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,cAAc,EAAE,MAAM,IAAI,CAAA;QAC1B,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;KACtC,KAAK,SAAS,CAAC,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,GAAG,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,oBAAoB,CAAA;IAChC,eAAe,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC,eAAe,CAAC,CAAA;IACjE,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,WAAW,CAAA;IAC1B;;;;OAIG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAkCD;;GAEG;AACH,eAAO,MAAM,KAAK,uGAgfjB,CAAA"}
@@ -385,7 +385,7 @@ const Popup = forwardRef(
385
385
  role,
386
386
  style: {
387
387
  ...assignInlineVars({
388
- [arrowTop]: `${positions.arrowTop}px`,
388
+ [arrowTop]: `${positions.arrowTop}`,
389
389
  [arrowLeft]: `${positions.arrowLeft}px`,
390
390
  [arrowTransform]: `${positions.arrowTransform} rotate(${positions.rotate}deg)`,
391
391
  [popupPosition]: positions.popupPosition,
@@ -1,4 +1,3 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
4
3
  var containerPopup = createRuntimeFn({ defaultClassName: "uv_w40vpo2", variantClassNames: { hasMaxHeight: { true: "uv_w40vpo3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -1,3 +1,4 @@
1
+ /* empty css */
1
2
  var arrowTop = "var(--uv_ozfz3c0)";
2
3
  var arrowLeft = "var(--uv_ozfz3c1)";
3
4
  var arrowTransform = "var(--uv_ozfz3c2)";
@@ -15,6 +15,12 @@ export type DropdownProps = {
15
15
  size: 'small' | 'medium' | 'large';
16
16
  dropdownAlign?: ComponentProps<typeof Popup>['align'];
17
17
  portalTarget?: ComponentProps<typeof Popup>['portalTarget'];
18
+ groupError?: Record<string, ReactNode>;
19
+ groupEmptyState?: Record<string, ReactNode>;
20
+ addOption?: {
21
+ text: string;
22
+ onClick: (searchText: string) => void;
23
+ };
18
24
  };
19
25
  export type CreateDropdownProps = {
20
26
  isEmpty: boolean;
@@ -24,6 +30,13 @@ export type CreateDropdownProps = {
24
30
  optionalInfoPlacement: 'left' | 'right';
25
31
  defaultSearchValue: string | null;
26
32
  isLoading?: boolean;
33
+ groupError?: Record<string, ReactNode>;
34
+ groupEmptyState?: Record<string, ReactNode>;
35
+ addOption?: {
36
+ text: string;
37
+ onClick: (searchText: string) => void;
38
+ };
39
+ searchable?: boolean;
27
40
  };
28
- export declare const Dropdown: ({ children, emptyState, descriptionDirection, searchable, placeholder, footer, refSelect, loadMore, optionalInfoPlacement, isLoading, size, dropdownAlign, portalTarget, id, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
41
+ export declare const Dropdown: ({ children, emptyState, descriptionDirection, searchable, placeholder, footer, refSelect, loadMore, optionalInfoPlacement, isLoading, size, dropdownAlign, portalTarget, id, groupError, groupEmptyState, addOption, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
29
42
  //# sourceMappingURL=Dropdown.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AA0BnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;CAC5D,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA;AAwkBD,eAAO,MAAM,QAAQ,GAAI,gLAetB,aAAa,4CAuMf,CAAA"}
1
+ {"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/SelectInput/components/Dropdown.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAEV,cAAc,EAId,SAAS,EACT,SAAS,EAEV,MAAM,OAAO,CAAA;AAYd,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AA8BnC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,EAAE,SAAS,CAAA;IACnB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,UAAU,EAAE,OAAO,CAAA;IACnB,WAAW,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,CAAC,CAAC,aAAa,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;IAC3C,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClC,aAAa,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,cAAc,CAAC,CAAA;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;CACpE,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,OAAO,CAAA;IAChB,UAAU,EAAE,SAAS,CAAA;IACrB,oBAAoB,EAAE,KAAK,GAAG,QAAQ,CAAA;IACtC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IAC3C,SAAS,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,CAAA;IACnE,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,CAAA;AAkuBD,eAAO,MAAM,QAAQ,GAAI,wNAkBtB,aAAa,4CA2Mf,CAAA"}