@geneui/components 3.0.0-next-bdaf023-25022026 → 3.0.0-next-e1bd79a-05032026

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 (29) hide show
  1. package/Accordion.js +3 -3
  2. package/Banner.js +3 -3
  3. package/{ButtonGroup-abe67745.js → ButtonGroup-dd6816d7.js} +1 -1
  4. package/ButtonGroup.js +3 -3
  5. package/DataCard.js +3 -3
  6. package/DataCardList.js +3 -3
  7. package/Drawer.js +3 -3
  8. package/Empty.js +3 -3
  9. package/GlobalHeader.js +4 -4
  10. package/Image.js +3 -3
  11. package/Menu.js +3 -3
  12. package/Modal.js +3 -3
  13. package/Navigation-203c6bec.js +7 -0
  14. package/Navigation.js +11 -9
  15. package/Notification.js +3 -3
  16. package/Popover.js +1 -1
  17. package/{PopoverBody-0d20ea89.js → PopoverBody-f9b55763.js} +1 -1
  18. package/{Products-ea6389ac.js → Products-5d602730.js} +1 -1
  19. package/Products.js +3 -3
  20. package/Profile.js +3 -3
  21. package/SegmentedControl.js +4 -4
  22. package/SplitButton.js +3 -3
  23. package/TextField.js +30 -28
  24. package/components/molecules/TextField/TextField.d.ts +7 -1
  25. package/components/molecules/TextField/constants.d.ts +21 -0
  26. package/{index-a346a40c.js → index-8724e0c0.js} +2 -2
  27. package/index.js +5 -5
  28. package/package.json +1 -1
  29. package/Navigation-20f87966.js +0 -7
package/Accordion.js CHANGED
@@ -7,7 +7,7 @@ import { a as SvgChevronLeft, S as SvgChevronRight } from './ChevronRight-af87e2
7
7
  import Button from './Button.js';
8
8
  import Scrollbar from './Scrollbar.js';
9
9
  import Text from './Text.js';
10
- import { B as ButtonGroup } from './index-a346a40c.js';
10
+ import { B as ButtonGroup } from './index-8724e0c0.js';
11
11
  import Tooltip from './Tooltip.js';
12
12
  import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
13
13
  import { a as AccordionContext } from './Accordion-3e20a13f.js';
@@ -18,8 +18,8 @@ import './style-inject.es-746bb8ed.js';
18
18
  import 'prop-types';
19
19
  import 'react-dom';
20
20
  import './useDebounceCallback-999deae7.js';
21
- import './ButtonGroup-abe67745.js';
22
- import './PopoverBody-0d20ea89.js';
21
+ import './ButtonGroup-dd6816d7.js';
22
+ import './PopoverBody-f9b55763.js';
23
23
  import './floating-ui.react-a6c3b969.js';
24
24
  import './Info-0f0741e0.js';
25
25
  import './X-20da3b4a.js';
package/Banner.js CHANGED
@@ -5,14 +5,14 @@ import { S as SvgInfo } from './Info-0f0741e0.js';
5
5
  import { S as SvgX } from './X-20da3b4a.js';
6
6
  import Button from './Button.js';
7
7
  import Text from './Text.js';
8
- import { B as ButtonGroup } from './index-a346a40c.js';
8
+ import { B as ButtonGroup } from './index-8724e0c0.js';
9
9
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
10
10
  import './Banner-09cf6dea.js';
11
11
  import './Loader.js';
12
12
  import './style-inject.es-746bb8ed.js';
13
- import './ButtonGroup-abe67745.js';
13
+ import './ButtonGroup-dd6816d7.js';
14
14
  import './tslib.es6-f211516f.js';
15
- import './PopoverBody-0d20ea89.js';
15
+ import './PopoverBody-f9b55763.js';
16
16
  import './floating-ui.react-a6c3b969.js';
17
17
  import 'react-dom';
18
18
  import './index-4159d61d.js';
package/{ButtonGroup-abe67745.js → ButtonGroup-dd6816d7.js} RENAMED
@@ -2,7 +2,7 @@ import { _ as __rest } from './tslib.es6-f211516f.js';
2
2
  import React__default, { createContext, useState, useRef, useContext, useEffect, useCallback, useMemo, Children, cloneElement } from 'react';
3
3
  import { c as classNames } from './index-ce02421b.js';
4
4
  import Loader from './Loader.js';
5
- import { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
5
+ import { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
6
6
  import Scrollbar from './Scrollbar.js';
7
7
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
8
8
  import { a as useClickOutside } from './index-4159d61d.js';
package/ButtonGroup.js CHANGED
@@ -1,11 +1,11 @@
1
- export { B as default } from './index-a346a40c.js';
2
- import './ButtonGroup-abe67745.js';
1
+ export { B as default } from './index-8724e0c0.js';
2
+ import './ButtonGroup-dd6816d7.js';
3
3
  import './tslib.es6-f211516f.js';
4
4
  import 'react';
5
5
  import './index-ce02421b.js';
6
6
  import './Loader.js';
7
7
  import './style-inject.es-746bb8ed.js';
8
- import './PopoverBody-0d20ea89.js';
8
+ import './PopoverBody-f9b55763.js';
9
9
  import './floating-ui.react-a6c3b969.js';
10
10
  import 'react-dom';
11
11
  import './Info-0f0741e0.js';
package/DataCard.js CHANGED
@@ -6,8 +6,8 @@ import { S as Spreadsheet } from './index-4159d61d.js';
6
6
  import TextLink from './TextLink.js';
7
7
  import { K as KeyValue } from './KeyValue-2fdb0641.js';
8
8
  import { Key, Value } from './KeyValue.js';
9
- import { M as Menu } from './ButtonGroup-abe67745.js';
10
- import { M as MenuItem } from './index-a346a40c.js';
9
+ import { M as Menu } from './ButtonGroup-dd6816d7.js';
10
+ import { M as MenuItem } from './index-8724e0c0.js';
11
11
  import './DataCard-3601ca38.js';
12
12
  import './Loader.js';
13
13
  import './style-inject.es-746bb8ed.js';
@@ -29,7 +29,7 @@ import './TextLink-ef998d00.js';
29
29
  import './Info.js';
30
30
  import './Info-0f0741e0.js';
31
31
  import './tslib.es6-f211516f.js';
32
- import './PopoverBody-0d20ea89.js';
32
+ import './PopoverBody-f9b55763.js';
33
33
  import './X-20da3b4a.js';
34
34
  import './index-15303b91.js';
35
35
  import './ThreeDotsHorizontal-479c2b4b.js';
package/DataCardList.js CHANGED
@@ -28,11 +28,11 @@ import './KeyValue-2fdb0641.js';
28
28
  import './KeyValue.js';
29
29
  import './Info.js';
30
30
  import './Info-0f0741e0.js';
31
- import './ButtonGroup-abe67745.js';
31
+ import './ButtonGroup-dd6816d7.js';
32
32
  import './tslib.es6-f211516f.js';
33
- import './PopoverBody-0d20ea89.js';
33
+ import './PopoverBody-f9b55763.js';
34
34
  import './X-20da3b4a.js';
35
- import './index-a346a40c.js';
35
+ import './index-8724e0c0.js';
36
36
  import './index-15303b91.js';
37
37
  import './ThreeDotsHorizontal-479c2b4b.js';
38
38
  import './Text.js';
package/Drawer.js CHANGED
@@ -5,7 +5,7 @@ import { S as SvgX } from './X-20da3b4a.js';
5
5
  import Button from './Button.js';
6
6
  import Scrollbar from './Scrollbar.js';
7
7
  import Text from './Text.js';
8
- import { B as ButtonGroup } from './index-a346a40c.js';
8
+ import { B as ButtonGroup } from './index-8724e0c0.js';
9
9
  import Tooltip from './Tooltip.js';
10
10
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
11
11
  import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
@@ -15,9 +15,9 @@ import './Loader.js';
15
15
  import './style-inject.es-746bb8ed.js';
16
16
  import 'prop-types';
17
17
  import './useDebounceCallback-999deae7.js';
18
- import './ButtonGroup-abe67745.js';
18
+ import './ButtonGroup-dd6816d7.js';
19
19
  import './tslib.es6-f211516f.js';
20
- import './PopoverBody-0d20ea89.js';
20
+ import './PopoverBody-f9b55763.js';
21
21
  import './floating-ui.react-a6c3b969.js';
22
22
  import './Info-0f0741e0.js';
23
23
  import './index-4159d61d.js';
package/Empty.js CHANGED
@@ -1,11 +1,11 @@
1
- export { E as default } from './index-a346a40c.js';
2
- import './ButtonGroup-abe67745.js';
1
+ export { E as default } from './index-8724e0c0.js';
2
+ import './ButtonGroup-dd6816d7.js';
3
3
  import './tslib.es6-f211516f.js';
4
4
  import 'react';
5
5
  import './index-ce02421b.js';
6
6
  import './Loader.js';
7
7
  import './style-inject.es-746bb8ed.js';
8
- import './PopoverBody-0d20ea89.js';
8
+ import './PopoverBody-f9b55763.js';
9
9
  import './floating-ui.react-a6c3b969.js';
10
10
  import 'react-dom';
11
11
  import './Info-0f0741e0.js';
package/GlobalHeader.js CHANGED
@@ -4,13 +4,13 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
4
4
  import Button from './Button.js';
5
5
  import Divider from './Divider.js';
6
6
  import Logo from './Logo.js';
7
- import { P as Products } from './Products-ea6389ac.js';
7
+ import { P as Products } from './Products-5d602730.js';
8
8
  import { ProductsMainSection, Product, ProductsSecondarySection } from './Products.js';
9
9
  import Profile from './Profile.js';
10
10
  import Text from './Text.js';
11
11
  import { S as SvgCaretDownFilled } from './CaretDownFilled-924e7189.js';
12
12
  import Loader from './Loader.js';
13
- import { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
13
+ import { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
14
14
  import Scrollbar from './Scrollbar.js';
15
15
  import { P as PartnerItem } from './GlobalHeader-e3be2af9.js';
16
16
  import { a as useClickOutside } from './index-4159d61d.js';
@@ -30,9 +30,9 @@ import './X-20da3b4a.js';
30
30
  import 'prop-types';
31
31
  import './index-82e2cf4c.js';
32
32
  import './Avatar-243146ad.js';
33
- import './ButtonGroup-abe67745.js';
33
+ import './ButtonGroup-dd6816d7.js';
34
34
  import './tslib.es6-f211516f.js';
35
- import './index-a346a40c.js';
35
+ import './index-8724e0c0.js';
36
36
  import './index-15303b91.js';
37
37
  import './ThreeDotsHorizontal-479c2b4b.js';
38
38
  import './index-a2688a52.js';
package/Image.js CHANGED
@@ -4,15 +4,15 @@ import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b
4
4
  import Button from './Button.js';
5
5
  import Loader from './Loader.js';
6
6
  import Text from './Text.js';
7
- import { B as ButtonGroup } from './index-a346a40c.js';
7
+ import { B as ButtonGroup } from './index-8724e0c0.js';
8
8
  import Checkbox from './Checkbox.js';
9
9
  import Tooltip from './Tooltip.js';
10
10
  import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
11
11
  import './Image-4f135206.js';
12
12
  import './style-inject.es-746bb8ed.js';
13
- import './ButtonGroup-abe67745.js';
13
+ import './ButtonGroup-dd6816d7.js';
14
14
  import './tslib.es6-f211516f.js';
15
- import './PopoverBody-0d20ea89.js';
15
+ import './PopoverBody-f9b55763.js';
16
16
  import './floating-ui.react-a6c3b969.js';
17
17
  import 'react-dom';
18
18
  import './Info-0f0741e0.js';
package/Menu.js CHANGED
@@ -1,11 +1,11 @@
1
- export { M as Menu } from './ButtonGroup-abe67745.js';
2
- export { M as MenuItem } from './index-a346a40c.js';
1
+ export { M as Menu } from './ButtonGroup-dd6816d7.js';
2
+ export { M as MenuItem } from './index-8724e0c0.js';
3
3
  import './tslib.es6-f211516f.js';
4
4
  import 'react';
5
5
  import './index-ce02421b.js';
6
6
  import './Loader.js';
7
7
  import './style-inject.es-746bb8ed.js';
8
- import './PopoverBody-0d20ea89.js';
8
+ import './PopoverBody-f9b55763.js';
9
9
  import './floating-ui.react-a6c3b969.js';
10
10
  import 'react-dom';
11
11
  import './Info-0f0741e0.js';
package/Modal.js CHANGED
@@ -8,7 +8,7 @@ import { S as SvgX } from './X-20da3b4a.js';
8
8
  import Button from './Button.js';
9
9
  import Scrollbar from './Scrollbar.js';
10
10
  import Text from './Text.js';
11
- import { B as ButtonGroup } from './index-a346a40c.js';
11
+ import { B as ButtonGroup } from './index-8724e0c0.js';
12
12
  import Tooltip from './Tooltip.js';
13
13
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
14
14
  import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
@@ -18,9 +18,9 @@ import './Loader.js';
18
18
  import './style-inject.es-746bb8ed.js';
19
19
  import 'prop-types';
20
20
  import './useDebounceCallback-999deae7.js';
21
- import './ButtonGroup-abe67745.js';
21
+ import './ButtonGroup-dd6816d7.js';
22
22
  import './tslib.es6-f211516f.js';
23
- import './PopoverBody-0d20ea89.js';
23
+ import './PopoverBody-f9b55763.js';
24
24
  import './floating-ui.react-a6c3b969.js';
25
25
  import './index-4159d61d.js';
26
26
  import './index-15303b91.js';
package/Navigation-203c6bec.js ADDED
@@ -0,0 +1,7 @@
1
+ import { s as styleInject } from './style-inject.es-746bb8ed.js';
2
+
3
+ var css_248z$1 = ".navigationMobile__container{display:flex;flex-direction:column;height:100%}.navigationMobile__container_create{height:auto;max-height:50vh;min-height:20rem}.navigationMobile__header{border-bottom:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--guit-ref-spacing-small) var(--guit-ref-spacing-medium)}.navigationMobile__content{flex:1;min-height:0;overflow:hidden}.navigationMobile__scrollbar{height:100%}.navigationMobile__list{display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall)}.navigationMobile__list,.navigationMobile__list_create{padding:var(--guit-ref-spacing-small) var(--guit-ref-spacing-medium)}.navigationMobile__footer{background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);flex-shrink:0;padding:var(--guit-ref-spacing-medium)}.navigationMobile__createItem{align-items:center;border-radius:var(--guit-ref-radius-3xsmall);color:var(--guit-sem-color-foreground-neutral-2);display:flex;gap:var(--guit-ref-spacing-xsmall);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium);width:100%}.navigationMobile__createItem:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.navigationMobile__createItem:active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigationMobile__createItem:disabled,.navigationMobile__createItem_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.navigationMobile__createItem_danger{color:var(--guit-sem-color-foreground-error)}.navigationMobile__createItemIcon{color:inherit;flex-shrink:0}.navigationMobile__createItemIcon_after{-webkit-margin-start:auto;margin-inline-start:auto}.navigationMobile_create .spreadsheet__body{height:auto;max-height:50vh;min-height:20rem}";
4
+ styleInject(css_248z$1);
5
+
6
+ var css_248z = ".navigation{display:flex;height:100%;width:100%}.navigation__header{border-bottom:.1rem solid var(--guit-sem-color-border-neutral-2);flex:0 0 auto;padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium);width:100%}.navigation__content{display:flex;flex-direction:column}.navigation__list{display:flex;height:100%;width:var(--guit-sem-dimension-width-3xlarge)}.navigation__listWrapper{-webkit-border-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);align-items:center;border-inline-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex-direction:column;overflow:hidden;padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-2xlarge) var(--guit-ref-spacing-xsmall);width:100%}.navigation__listWrapper>.navigation__listItem{margin-block:var(--guit-ref-spacing-xsmall)}.navigation__listItems{display:flex;flex-flow:column wrap;gap:var(--guit-ref-spacing-xsmall);max-width:var(--guit-sem-dimension-height-xlarge);min-height:0}.navigation__listItem{align-items:center;display:flex;flex-direction:column;width:100%}.navigation__addButton{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;height:var(--guit-sem-dimension-height-large);margin-top:auto;width:var(--guit-sem-dimension-width-large)}.navigation__listItemText{color:var(--guit-sem-color-foreground-neutral-1);max-width:100%;-webkit-user-select:none;user-select:none}.navigation__iconButton{border-radius:var(--guit-ref-radius-3xsmall);height:var(--guit-sem-dimension-height-large);padding:var(--guit-ref-spacing-xsmall);width:var(--guit-sem-dimension-width-large)}.navigation__iconButton_selected{background-color:var(--guit-sem-color-background-selected-2);color:var(--guit-sem-color-foreground-inverse)}.navigation__iconButton_currentSelected{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigation__iconButton_disabled{background-color:var(--guit-sem-color-background-neutral-1);pointer-events:none}.navigation__iconButton_disabled,.navigation__iconButton_disabled+.navigation__listItemText{color:var(--guit-sem-color-foreground-disabled)}.navigation__iconButton_pointer_none{pointer-events:none}.navigation__iconButton:not(.navigation__iconButton_selected,.navigation__iconButton_disabled){color:var(--guit-sem-color-foreground-neutral-2)}.navigation__iconButton:not(.navigation__iconButton_selected,.navigation__iconButton_disabled):hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.navigation__iconButton:not(.navigation__iconButton_selected,.navigation__iconButton_disabled):active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigation__divider{flex:0 0 auto}.navigation__menu{-webkit-border-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);border-inline-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex-direction:column;height:100%;width:20rem}.navigation__items{flex:1;flex-direction:column;min-height:0;min-width:0;padding:var(--guit-ref-spacing-3xsmall) var(--guit-ref-spacing-xsmall)}.navigationItem,.navigation__items{display:flex;gap:var(--guit-ref-spacing-3xsmall);width:100%}.navigationItem{flex-direction:column}.navigationItem__button{border-radius:var(--guit-ref-radius-3xsmall);display:flex;gap:var(--guit-ref-spacing-xsmall);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium);width:100%}.navigationItem__button_render{color:inherit}.navigationItem__button:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.navigationItem__button:active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigationItem__button_selected{color:var(--guit-sem-color-foreground-selected)}.navigationItem__button_selected_noChildren{background:var(--guit-sem-color-background-neutral-3);color:var(--guit-sem-color-foreground-accent-blue)}.navigationItem__button_pointer_none{pointer-events:none}.navigationItem__button_disabled{background-color:var(--guit-sem-color-background-neutral-1);color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.navigationItem__button_shift_1{-webkit-padding-start:var(--guit-ref-spacing-2xlarge);padding-inline-start:var(--guit-ref-spacing-2xlarge)}.navigationItem__button_shift_2{-webkit-padding-start:var(--guit-ref-spacing-5xlarge);padding-inline-start:var(--guit-ref-spacing-5xlarge)}.navigationItem__button_shift_3{-webkit-padding-start:var(--guit-ref-spacing-8xlarge);padding-inline-start:var(--guit-ref-spacing-8xlarge)}.navigationItem__button_shift_4{-webkit-padding-start:var(--guit-ref-spacing-9xlarge);padding-inline-start:var(--guit-ref-spacing-9xlarge)}.navigationItem__chevron{margin-left:auto}.navigationItem__chevron_open{transform:rotate(90deg)}";
7
+ styleInject(css_248z);
package/Navigation.js CHANGED
@@ -5,16 +5,16 @@ import { S as SvgPlus } from './Plus-f0726053.js';
5
5
  import { S as SvgThreeDotsHorizontal } from './ThreeDotsHorizontal-479c2b4b.js';
6
6
  import { S as SvgX } from './X-20da3b4a.js';
7
7
  import Button from './Button.js';
8
- import { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
8
+ import { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
9
9
  import Scrollbar from './Scrollbar.js';
10
- import { M as Menu } from './ButtonGroup-abe67745.js';
11
- import { M as MenuItem } from './index-a346a40c.js';
10
+ import { M as Menu } from './ButtonGroup-dd6816d7.js';
11
+ import { M as MenuItem } from './index-8724e0c0.js';
12
12
  import { S as SvgChevronRight } from './ChevronRight-af87e2a4.js';
13
13
  import Text from './Text.js';
14
14
  import Tooltip from './Tooltip.js';
15
15
  import { u as useEllipsisDetection } from './useEllipsisDetection-c5f9b175.js';
16
16
  import { S as Spreadsheet } from './index-4159d61d.js';
17
- import './Navigation-20f87966.js';
17
+ import './Navigation-203c6bec.js';
18
18
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
19
19
  import { u as useWindowSize } from './useWindowSize-6faa0d0f.js';
20
20
  import './ActivityRecent-b88e2ba8.js';
@@ -437,12 +437,14 @@ const Navigation = ({ className, open, onOpenChange, navigationData = [], active
437
437
  React__default.createElement("div", { className: "navigation__listItems", ref: navColRef }, clonedNavigationData === null || clonedNavigationData === void 0 ? void 0 : clonedNavigationData.map((item, index) => (React__default.createElement(Fragment, { key: `${item.title}-${item.path}` },
438
438
  React__default.createElement(NavigationColItem, { isVisible: index < maxVisibleItems, Icon: item.Icon, title: item.title, onClick: onNavigationColItemClick, index: index, path: item.path, opened: forceOpen, currentSelected: currentDataIndex === index, selected: index === (activePathIndex === null || activePathIndex === void 0 ? void 0 : activePathIndex[0]), onMouseEnter: onMouseEnterHandler, disabled: item.disabled, propsForPopover: hoverDataIndex === index ? propsForPopover : {}, hasChildren: item.children && item.children.length > 0, render: render, compact: compact }),
439
439
  hoverDataIndex !== null && item.children && item.children.length > 0 && (React__default.createElement(Popover, { setProps: setPropsForPopover, size: "small", position: "right-top", withArrow: true, trigger: "hover", margin: 20, disableReposition: false, ref: popoverRef },
440
- React__default.createElement(PopoverBody, { withPadding: false },
440
+ React__default.createElement(PopoverBody, { withPadding: false, withScrollbar: false },
441
441
  React__default.createElement(NavigationMenuHeader, { title: clonedNavigationData[hoverDataIndex].title }),
442
- React__default.createElement("div", { className: "navigation__menu_wrapper" },
443
- React__default.createElement(NavMenuContent, { data: clonedNavigationData[hoverDataIndex], onClick: onItemClickHandler, activePathIndex: activePathIndex && hoverDataIndex === activePathIndex[0]
444
- ? activePathIndex.slice(1)
445
- : null, render: render }))))))))),
442
+ React__default.createElement(Scrollbar, null,
443
+ React__default.createElement("div", { className: "navigation__items" },
444
+ React__default.createElement(NavMenuContent, { data: clonedNavigationData[hoverDataIndex], onClick: onItemClickHandler, activePathIndex: activePathIndex &&
445
+ hoverDataIndex === activePathIndex[0]
446
+ ? activePathIndex.slice(1)
447
+ : null, render: render })))))))))),
446
448
  clonedNavigationData.length > maxVisibleItems && (React__default.createElement(React__default.Fragment, null,
447
449
  React__default.createElement(NavigationColItem, { Icon: SvgThreeDotsHorizontal, title: moreMenuTitle, isVisible: true, propsForPopover: menuPropsForPopover }),
448
450
  React__default.createElement(Menu, { position: "right-bottom", onChange: onMoreMenuItemsClickHandler, setPropsForPopover: setMenuPropsForPopover }, menuData.map((item, index) => {
package/Notification.js CHANGED
@@ -7,14 +7,14 @@ import { S as SvgTriangleAlert } from './TriangleAlert-ba250f4c.js';
7
7
  import { S as SvgX } from './X-20da3b4a.js';
8
8
  import Button from './Button.js';
9
9
  import Text from './Text.js';
10
- import { B as ButtonGroup } from './index-a346a40c.js';
10
+ import { B as ButtonGroup } from './index-8724e0c0.js';
11
11
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
12
12
  import './Notification-c2697ece.js';
13
13
  import './Loader.js';
14
14
  import './style-inject.es-746bb8ed.js';
15
- import './ButtonGroup-abe67745.js';
15
+ import './ButtonGroup-dd6816d7.js';
16
16
  import './tslib.es6-f211516f.js';
17
- import './PopoverBody-0d20ea89.js';
17
+ import './PopoverBody-f9b55763.js';
18
18
  import './floating-ui.react-a6c3b969.js';
19
19
  import './Info-0f0741e0.js';
20
20
  import './index-4159d61d.js';
package/Popover.js CHANGED
@@ -1,4 +1,4 @@
1
- export { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
1
+ export { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
2
2
  import React__default from 'react';
3
3
  import './floating-ui.react-a6c3b969.js';
4
4
  import 'react-dom';
package/{PopoverBody-0d20ea89.js → PopoverBody-f9b55763.js} RENAMED
@@ -315,7 +315,7 @@ const Popover = forwardRef(({ size = "medium", fitReference, position = "bottom-
315
315
 
316
316
  const PopoverBody = ({ children, withPadding = true, className, withScrollbar = true }) => {
317
317
  return (React__default.createElement("div", { className: classNames("popover__body", { popover__body_withPadding: withPadding }, className) },
318
- React__default.createElement("div", { className: "popover__content" }, withScrollbar ? React__default.createElement(Scrollbar, null, children) : children)));
318
+ React__default.createElement("div", { className: "popover__content navigation__content" }, withScrollbar ? React__default.createElement(Scrollbar, null, children) : children)));
319
319
  };
320
320
 
321
321
  export { Popover as P, PopoverBody as a };
package/{Products-ea6389ac.js → Products-5d602730.js} RENAMED
@@ -2,7 +2,7 @@ import React__default, { createContext, useContext, useState, useRef, useMemo }
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { _ as _objectWithoutProperties, a as _extends } from './ActivityRecent-b88e2ba8.js';
4
4
  import Button from './Button.js';
5
- import { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
5
+ import { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
6
6
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
7
7
  import { a as useClickOutside } from './index-4159d61d.js';
8
8
  import { s as styleInject } from './style-inject.es-746bb8ed.js';
package/Products.js CHANGED
@@ -1,5 +1,5 @@
1
- import { a as ProductsContext } from './Products-ea6389ac.js';
2
- export { P as Products } from './Products-ea6389ac.js';
1
+ import { a as ProductsContext } from './Products-5d602730.js';
2
+ export { P as Products } from './Products-5d602730.js';
3
3
  import React__default, { useContext, isValidElement, cloneElement } from 'react';
4
4
  import { c as classNames } from './index-ce02421b.js';
5
5
  import Badge from './Badge.js';
@@ -9,7 +9,7 @@ import './ActivityRecent-b88e2ba8.js';
9
9
  import './Button.js';
10
10
  import './Loader.js';
11
11
  import './style-inject.es-746bb8ed.js';
12
- import './PopoverBody-0d20ea89.js';
12
+ import './PopoverBody-f9b55763.js';
13
13
  import './floating-ui.react-a6c3b969.js';
14
14
  import 'react-dom';
15
15
  import './Info-0f0741e0.js';
package/Profile.js CHANGED
@@ -2,8 +2,8 @@ import React__default, { useState, useContext } from 'react';
2
2
  import { c as classNames } from './index-ce02421b.js';
3
3
  import { S as SvgCaretDownFilled } from './CaretDownFilled-924e7189.js';
4
4
  import { A as Avatar, S as SvgPersonFilled } from './index-82e2cf4c.js';
5
- import { M as Menu } from './ButtonGroup-abe67745.js';
6
- import { M as MenuItem } from './index-a346a40c.js';
5
+ import { M as Menu } from './ButtonGroup-dd6816d7.js';
6
+ import { M as MenuItem } from './index-8724e0c0.js';
7
7
  import { a as GeneUIDesignSystemContext } from './index-f83efe58.js';
8
8
  import './Profile-e9e508cb.js';
9
9
  import './ActivityRecent-b88e2ba8.js';
@@ -11,7 +11,7 @@ import './Avatar-243146ad.js';
11
11
  import './style-inject.es-746bb8ed.js';
12
12
  import './tslib.es6-f211516f.js';
13
13
  import './Loader.js';
14
- import './PopoverBody-0d20ea89.js';
14
+ import './PopoverBody-f9b55763.js';
15
15
  import './floating-ui.react-a6c3b969.js';
16
16
  import 'react-dom';
17
17
  import './Info-0f0741e0.js';
package/SegmentedControl.js CHANGED
@@ -16,14 +16,14 @@ import './Logo-0b408682.js';
16
16
  import './Rate-f5be2365.js';
17
17
  import Text from './Text.js';
18
18
  import './TextLink-ef998d00.js';
19
- import './PopoverBody-0d20ea89.js';
19
+ import './PopoverBody-f9b55763.js';
20
20
  import './Scrollbar.js';
21
21
  import './Badge-3f37427d.js';
22
22
  import './Grid-6fd088b8.js';
23
23
  import './Skeleton-d7cc727c.js';
24
24
  import 'react-dom';
25
25
  import './index-4159d61d.js';
26
- import './ButtonGroup-abe67745.js';
26
+ import './ButtonGroup-dd6816d7.js';
27
27
  import './SplitButton-65849c84.js';
28
28
  import './Tabs-e8fccd4f.js';
29
29
  import './ProgressBar-f544bfa4.js';
@@ -31,11 +31,11 @@ import './Steps-b3f53e8c.js';
31
31
  import './Tag-8d30266b.js';
32
32
  import './Switch-24ef29ea.js';
33
33
  import './Timeline-3f100bf0.js';
34
- import './Products-ea6389ac.js';
34
+ import './Products-5d602730.js';
35
35
  import './QRCode-4620857a.js';
36
36
  import './KeyValue-2fdb0641.js';
37
37
  import './tslib.es6-f211516f.js';
38
- import './Navigation-20f87966.js';
38
+ import './Navigation-203c6bec.js';
39
39
  import './Checkbox-11eae830.js';
40
40
  import './Radio-bde5c415.js';
41
41
  import './Profile-e9e508cb.js';
package/SplitButton.js CHANGED
@@ -3,13 +3,13 @@ import { c as classNames } from './index-ce02421b.js';
3
3
  import { S as SvgCaretDownFilled } from './CaretDownFilled-924e7189.js';
4
4
  import Button from './Button.js';
5
5
  import Loader from './Loader.js';
6
- import { M as Menu } from './ButtonGroup-abe67745.js';
7
- import { M as MenuItem } from './index-a346a40c.js';
6
+ import { M as Menu } from './ButtonGroup-dd6816d7.js';
7
+ import { M as MenuItem } from './index-8724e0c0.js';
8
8
  import './SplitButton-65849c84.js';
9
9
  import './ActivityRecent-b88e2ba8.js';
10
10
  import './style-inject.es-746bb8ed.js';
11
11
  import './tslib.es6-f211516f.js';
12
- import './PopoverBody-0d20ea89.js';
12
+ import './PopoverBody-f9b55763.js';
13
13
  import './floating-ui.react-a6c3b969.js';
14
14
  import 'react-dom';
15
15
  import './Info-0f0741e0.js';
package/TextField.js CHANGED
@@ -65,26 +65,33 @@ var SvgEyeOff = function SvgEyeOff(_ref) {
65
65
  var css_248z = ".textField{align-items:flex-start;display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall)}.textField__wrapper{align-items:center;border-color:var(--guit-sem-color-border-neutral-2);border-style:var(--guit-ref-border-style-solid);border-width:var(--guit-ref-border-width-thin);display:flex;overflow:hidden;width:100%}.textField__wrapper_size_large .textField__input,.textField__wrapper_size_medium .textField__input{font-family:var(--guit-sem-font-body-medium-default-medium-font-family);font-size:var(--guit-sem-font-body-medium-default-medium-font-size);font-weight:var(--guit-sem-font-body-medium-default-medium-font-weight);line-height:var(--guit-sem-font-body-medium-default-medium-line-height)}.textField__wrapper_size_large{border-radius:var(--guit-ref-radius-2xsmall);gap:var(--guit-ref-spacing-xsmall);height:var(--guit-sem-dimension-height-large)}.textField__wrapper_size_large:not(.textField__wrapper_iconBefore,.textField__wrapper_size_large.textField__wrapper_iconAfter,.textField__wrapper_size_large.textField__wrapper_withIcons) .textField__input{padding:var(--guit-ref-spacing-small) var(--guit-ref-spacing-large)}.textField__wrapper_size_large.textField__wrapper_iconBefore{-webkit-padding-start:var(--guit-ref-spacing-medium);padding-inline-start:var(--guit-ref-spacing-medium)}.textField__wrapper_size_large.textField__wrapper_iconBefore .textField__input{-webkit-padding-end:var(--guit-ref-spacing-large);padding-block:var(--guit-ref-spacing-small);padding-inline-end:var(--guit-ref-spacing-large)}.textField__wrapper_size_large.textField__wrapper_iconAfter{-webkit-padding-end:var(--guit-ref-spacing-medium);padding-inline-end:var(--guit-ref-spacing-medium)}.textField__wrapper_size_large.textField__wrapper_iconAfter .textField__input{-webkit-padding-start:var(--guit-ref-spacing-large);padding-block:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-large)}.textField__wrapper_size_large.textField__wrapper_withIcons{padding-inline:var(--guit-ref-spacing-medium)}.textField__wrapper_size_large.textField__wrapper_withIcons .textField__input{padding-block:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_medium{border-radius:var(--guit-ref-radius-3xsmall);gap:var(--guit-ref-spacing-xsmall);height:var(--guit-sem-dimension-height-medium)}.textField__wrapper_size_medium:not(.textField__wrapper_iconBefore,.textField__wrapper_size_medium.textField__wrapper_iconAfter,.textField__wrapper_size_medium.textField__wrapper_withIcons) .textField__input{padding:var(--guit-ref-spacing-2xsmall) var(--guit-ref-spacing-medium)}.textField__wrapper_size_medium.textField__wrapper_iconBefore{-webkit-padding-start:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_medium.textField__wrapper_iconBefore .textField__input{-webkit-padding-end:var(--guit-ref-spacing-medium);padding-block:var(--guit-ref-spacing-2xsmall);padding-inline-end:var(--guit-ref-spacing-medium)}.textField__wrapper_size_medium.textField__wrapper_iconAfter{-webkit-padding-end:var(--guit-ref-spacing-xsmall);padding-inline-end:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_medium.textField__wrapper_iconAfter .textField__input{-webkit-padding-start:var(--guit-ref-spacing-medium);padding-block:var(--guit-ref-spacing-3xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.textField__wrapper_size_medium.textField__wrapper_withIcons{padding-inline:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_medium.textField__wrapper_withIcons .textField__input{padding-block:var(--guit-ref-spacing-3xsmall)}.textField__wrapper_size_small{border-radius:var(--guit-ref-radius-3xsmall);gap:var(--guit-ref-spacing-2xsmall);height:var(--guit-sem-dimension-height-small)}.textField__wrapper_size_small:not(.textField__wrapper_iconBefore,.textField__wrapper_size_small.textField__wrapper_iconAfter,.textField__wrapper_size_small.textField__wrapper_withIcons) .textField__input{padding:var(--guit-ref-radius-3xsmall) var(--guit-ref-spacing-medium)}.textField__wrapper_size_small.textField__wrapper_iconBefore{-webkit-padding-start:var(--guit-ref-spacing-xsmall);padding-inline-start:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_small.textField__wrapper_iconBefore .textField__input{-webkit-padding-end:var(--guit-ref-spacing-medium);padding-block:var(--guit-ref-radius-3xsmall);padding-inline-end:var(--guit-ref-spacing-medium)}.textField__wrapper_size_small.textField__wrapper_iconAfter{-webkit-padding-end:var(--guit-ref-spacing-xsmall);padding-inline-end:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_small.textField__wrapper_iconAfter .textField__input{-webkit-padding-start:var(--guit-ref-spacing-medium);padding-block:var(--guit-ref-spacing-4xsmall);padding-inline-start:var(--guit-ref-spacing-medium)}.textField__wrapper_size_small.textField__wrapper_withIcons{padding-inline:var(--guit-ref-spacing-xsmall)}.textField__wrapper_size_small.textField__wrapper_withIcons .textField__input{padding-block:var(--guit-ref-spacing-4xsmall)}.textField__wrapper_size_small .textField__input{font-family:var(--guit-sem-font-caption-large-medium-font-family);font-size:var(--guit-sem-font-caption-large-medium-font-size);font-weight:var(--guit-sem-font-caption-large-medium-font-weight);letter-spacing:var(--guit-sem-font-caption-large-medium-letter-spacing);line-height:var(--guit-sem-font-caption-large-medium-line-height)}.textField__wrapper_readOnly{background-color:var(--guit-sem-color-background-neutral-3);border-color:#0000}.textField__wrapper_error{border-color:var(--guit-sem-color-border-error)}.textField__wrapper_error .textField__input,.textField__wrapper_warning .textField__input{color:var(--guit-sem-color-foreground-neutral-2)}.textField__wrapper_disabled{border-color:var(--guit-sem-color-border-disabled-1);pointer-events:none;-webkit-user-select:none;user-select:none}.textField__wrapper_disabled .textField__icon,.textField__wrapper_disabled .textField__input{color:var(--guit-sem-color-foreground-disabled)}.textField__wrapper:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.textField__wrapper:not(.textField__wrapper.textField__wrapper_disabled):focus-within{outline:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-focus);outline-offset:var(--guit-ref-border-width-thin)}.textField__wrapper:not(.textField__wrapper.textField__wrapper_disabled):focus-within .textField__input{color:var(--guit-sem-color-foreground-neutral-2)}.textField__icon{align-items:center;color:var(--guit-sem-color-foreground-neutral-1);display:flex;flex:0 0 auto;justify-content:center}.textField__input{background-color:initial;border:none;color:var(--guit-sem-color-foreground-neutral-2);height:100%;outline:none;width:100%}.textField__input::placeholder{color:var(--guit-sem-color-foreground-neutral-1)}.textField__actions{align-items:center;display:flex;flex:0 0 auto;gap:var(--guit-ref-spacing-3xsmall)}.textField__info{align-items:center;display:flex;justify-content:space-between;width:100%}.textField__characterLimit{-webkit-margin-start:auto;color:var(--guit-sem-color-foreground-neutral-2);margin-inline-start:auto;white-space:nowrap}.textField__characterLimit_size_medium{font-size:var(--guit-sem-font-body-medium-default-medium-font-size)}.textField__characterLimit_size_small{font-size:var(--guit-sem-font-caption-large-medium-font-size)}.textField__characterLimit_disabled{color:var(--guit-sem-color-foreground-disabled)}";
66
66
  styleInject(css_248z);
67
67
 
68
- // Size mapping objects for Label and HelperText components
69
- const labelSizeMap = {
68
+ // Size mapping objects for Label, Button, IconBefore/IconAfter and HelperText components
69
+ const textSizeMap = {
70
70
  large: "medium",
71
71
  medium: "medium",
72
72
  small: "small"
73
73
  };
74
- const helperTextSizeMap = {
75
- large: "medium",
76
- medium: "medium",
77
- small: "small"
74
+ const labelSizeMap = textSizeMap;
75
+ const helperTextSizeMap = textSizeMap;
76
+ const iconSizeMap = {
77
+ large: 24,
78
+ medium: 24,
79
+ small: 20
78
80
  };
81
+ const actionButtonSizeMap = {
82
+ large: "small",
83
+ medium: "small",
84
+ small: "smallNudge"
85
+ };
86
+
79
87
  /**
80
88
  * Text field is an input element in a user interface where users can enter and edit text. Text fields are commonly used in forms for collecting user data such as names, email addresses, and messages.
81
89
  */
82
- const TextField = forwardRef(({ id, name, type = "text", size = "large", defaultValue, value, placeholder, IconBefore, onChange, onFocus, onBlur, readOnly, disabled, required, label, infoText, clearable, characterLimit, className, autoComplete = "on", autoFocus, helperText, status = "rest", onClear, inputMode = "text" }, ref) => {
90
+ const TextField = forwardRef(({ id, name, type = "text", size = "medium", defaultValue, value, placeholder, IconBefore, IconAfter, onChange, onFocus, onBlur, readOnly, disabled, required, label, infoText, clearable, characterLimit, className, autoComplete = "on", autoFocus, helperText, status = "rest", onClear, inputMode = "text" }, ref) => {
83
91
  const isControlled = value !== undefined;
84
92
  const inputRef = useRef(null);
85
93
  const [internalValue, setInternalValue] = useState("");
86
94
  const [isPasswordVisible, setIsPasswordVisible] = useState(false);
87
- const [paddingClassesForIcon, setPaddingClassesForIcon] = useState("");
88
95
  const inputValue = isControlled ? value.toString() : internalValue;
89
96
  const generatedId = useMemo(() => id || `default-id-${nanoid()}`, [id]);
90
97
  const labelSize = labelSizeMap[size] || "medium";
@@ -124,39 +131,34 @@ const TextField = forwardRef(({ id, name, type = "text", size = "large", default
124
131
  return;
125
132
  setInternalValue(defaultValue.toString());
126
133
  }, []);
127
- useEffect(() => {
128
- const iconAfter = type === "password" || (clearable && inputValue.length > 0 && !disabled && !readOnly);
129
- if (IconBefore && iconAfter) {
130
- setPaddingClassesForIcon("textField__wrapper_withIcons");
131
- }
132
- else if (IconBefore) {
133
- setPaddingClassesForIcon("textField__wrapper_iconBefore");
134
- }
135
- else if (iconAfter) {
136
- setPaddingClassesForIcon("textField__wrapper_iconAfter");
137
- }
138
- }, [IconBefore, type, clearable, inputValue, disabled, readOnly]);
139
134
  const isClearable = clearable && inputValue.length > 0 && !disabled && !readOnly;
140
135
  const isPassword = type === "password" && inputValue.length > 0 && !readOnly && !disabled;
136
+ const iconAfter = isPassword || isClearable || IconAfter;
141
137
  const inputConditionalProps = {
142
138
  placeholder,
143
139
  autoFocus,
144
140
  inputMode: type === "number" ? "numeric" : inputMode,
145
141
  type: isPasswordVisible || type === "number" ? "text" : type
146
142
  };
143
+ const paddedClassesForIcon = {
144
+ textField__wrapper_readOnly: readOnly && !disabled,
145
+ textField__wrapper_disabled: disabled,
146
+ textField__wrapper_error: status === "error",
147
+ textField__wrapper_withIcons: IconBefore && iconAfter,
148
+ textField__wrapper_iconBefore: IconBefore && !iconAfter,
149
+ textField__wrapper_iconAfter: iconAfter && !IconBefore
150
+ };
147
151
  return (React__default.createElement("div", { className: classNames("textField", className) },
148
152
  React__default.createElement(Label, { text: label, required: required, className: "textField__label", disabled: disabled, infoText: infoText, readOnly: readOnly, labelFor: generatedId, size: labelSize }),
149
- React__default.createElement("div", { className: classNames(`textField__wrapper textField__wrapper_size_${size}`, paddingClassesForIcon, {
150
- textField__wrapper_readOnly: readOnly && !disabled,
151
- textField__wrapper_disabled: disabled,
152
- textField__wrapper_error: status === "error"
153
- }) },
153
+ React__default.createElement("div", { className: classNames(`textField__wrapper textField__wrapper_size_${size}`, paddedClassesForIcon) },
154
154
  IconBefore && (React__default.createElement("span", { className: "textField__icon" },
155
- React__default.createElement(IconBefore, { size: size === "small" ? 20 : 24 }))),
155
+ React__default.createElement(IconBefore, { size: iconSizeMap[size] }))),
156
156
  React__default.createElement("input", Object.assign({ id: generatedId, autoComplete: autoComplete, name: name || type, ref: inputRef, className: "textField__input", required: required, disabled: disabled, readOnly: readOnly, value: inputValue, onChange: handleChange, onBlur: onBlur, onFocus: onInputFocus, "aria-invalid": status === "error", "aria-required": required }, inputConditionalProps)),
157
157
  (isClearable || isPassword) && (React__default.createElement("span", { className: "textField__actions" },
158
- isClearable && (React__default.createElement(Button, { Icon: SvgX, appearance: "secondary", size: size === "small" ? "smallNudge" : "small", layout: "text", disabled: disabled, onClick: handleClear })),
159
- isPassword && (React__default.createElement(Button, { Icon: isPasswordVisible ? SvgEye : SvgEyeOff, appearance: "secondary", size: size === "small" ? "smallNudge" : "small", layout: "text", disabled: disabled, onClick: showPasswordToggle }))))),
158
+ isClearable && (React__default.createElement(Button, { Icon: SvgX, appearance: "secondary", size: actionButtonSizeMap[size], layout: "text", disabled: disabled, onClick: handleClear })),
159
+ isPassword && (React__default.createElement(Button, { Icon: isPasswordVisible ? SvgEye : SvgEyeOff, appearance: "secondary", size: actionButtonSizeMap[size], layout: "text", disabled: disabled, onClick: showPasswordToggle })))),
160
+ IconAfter && (React__default.createElement("span", { className: "textField__icon" },
161
+ React__default.createElement(IconAfter, { size: iconSizeMap[size] })))),
160
162
  (helperText || characterLimit) && (React__default.createElement("div", { className: "textField__info" },
161
163
  helperText && (React__default.createElement(HelperText, { text: helperText, disabled: disabled, status: status, size: helperTextSize })),
162
164
  characterLimit && (React__default.createElement(Text, { as: "span", className: classNames(`textField__characterLimit textField__characterLimit_size_${helperTextSize}`, {
package/components/molecules/TextField/TextField.d.ts CHANGED
@@ -94,9 +94,15 @@ interface ITextFieldProps {
94
94
  */
95
95
  onBlur?: (event: FocusEvent<HTMLInputElement>) => void;
96
96
  /**
97
- * The `IconBefore` prop accepts a React Functional Component that will be displayed alongside the `TextField`.
97
+ * Icon component rendered before the TextField content.
98
+ * Must be a React component that accepts this library's `IconProps`.
98
99
  */
99
100
  IconBefore?: FC<IconProps>;
101
+ /**
102
+ * Icon component rendered after the TextField content.
103
+ * Must be a React component that accepts this library's `IconProps`.
104
+ */
105
+ IconAfter?: FC<IconProps>;
100
106
  /**
101
107
  * When `true`, shows a `clear button` to reset the `input` value.
102
108
  * default value is `false`
package/components/molecules/TextField/constants.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ declare const labelSizeMap: {
2
+ readonly large: "medium";
3
+ readonly medium: "medium";
4
+ readonly small: "small";
5
+ };
6
+ declare const helperTextSizeMap: {
7
+ readonly large: "medium";
8
+ readonly medium: "medium";
9
+ readonly small: "small";
10
+ };
11
+ declare const iconSizeMap: {
12
+ readonly large: 24;
13
+ readonly medium: 24;
14
+ readonly small: 20;
15
+ };
16
+ declare const actionButtonSizeMap: {
17
+ readonly large: "small";
18
+ readonly medium: "small";
19
+ readonly small: "smallNudge";
20
+ };
21
+ export { labelSizeMap, helperTextSizeMap, iconSizeMap, actionButtonSizeMap };
package/{index-a346a40c.js → index-8724e0c0.js} RENAMED
@@ -1,4 +1,4 @@
1
- import { a as MenuContext, p as popoverSizeMapping, i as isActiveElementInside, M as Menu } from './ButtonGroup-abe67745.js';
1
+ import { a as MenuContext, p as popoverSizeMapping, i as isActiveElementInside, M as Menu } from './ButtonGroup-dd6816d7.js';
2
2
  import React__default, { useMemo, useState, useRef, useContext, useEffect, Children, isValidElement, cloneElement } from 'react';
3
3
  import { c as classNames } from './index-ce02421b.js';
4
4
  import { n as nanoid } from './index-15303b91.js';
@@ -6,7 +6,7 @@ import { S as SvgThreeDotsHorizontal } from './ThreeDotsHorizontal-479c2b4b.js';
6
6
  import Button from './Button.js';
7
7
  import { r as reactIsExports } from './index-a2688a52.js';
8
8
  import Loader from './Loader.js';
9
- import { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
9
+ import { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
10
10
  import Scrollbar from './Scrollbar.js';
11
11
  import Text from './Text.js';
12
12
  import { S as SvgCheckMark } from './CheckMark-34798545.js';
package/index.js CHANGED
@@ -10,7 +10,7 @@ export { default as Logo } from './Logo.js';
10
10
  export { default as Rate } from './Rate.js';
11
11
  export { default as Text } from './Text.js';
12
12
  export { default as TextLink } from './TextLink.js';
13
- export { P as Popover, a as PopoverBody } from './PopoverBody-0d20ea89.js';
13
+ export { P as Popover, a as PopoverBody } from './PopoverBody-f9b55763.js';
14
14
  export { PopoverFooter, PopoverFooterActions } from './Popover.js';
15
15
  export { default as Badge } from './Badge.js';
16
16
  export { default as Scrollbar } from './Scrollbar.js';
@@ -29,13 +29,13 @@ export { default as Tag } from './Tag.js';
29
29
  export { default as Switch } from './Switch.js';
30
30
  export { T as Timelines } from './Timeline-3f100bf0.js';
31
31
  export { TimelinePoint } from './Timeline.js';
32
- export { P as Products } from './Products-ea6389ac.js';
32
+ export { P as Products } from './Products-5d602730.js';
33
33
  export { Product, ProductsMainSection, ProductsSecondarySection } from './Products.js';
34
34
  export { default as QRCode } from './QRCode.js';
35
35
  export { K as KeyValue } from './KeyValue-2fdb0641.js';
36
36
  export { Key, Value } from './KeyValue.js';
37
- export { M as Menu } from './ButtonGroup-abe67745.js';
38
- export { B as ButtonGroup, E as Empty, M as MenuItem } from './index-a346a40c.js';
37
+ export { M as Menu } from './ButtonGroup-dd6816d7.js';
38
+ export { B as ButtonGroup, E as Empty, M as MenuItem } from './index-8724e0c0.js';
39
39
  export { default as Navigation } from './Navigation.js';
40
40
  export { default as Checkbox } from './Checkbox.js';
41
41
  export { default as Radio } from './Radio.js';
@@ -102,7 +102,7 @@ import './tslib.es6-f211516f.js';
102
102
  import './index-15303b91.js';
103
103
  import './ThreeDotsHorizontal-479c2b4b.js';
104
104
  import './Plus-f0726053.js';
105
- import './Navigation-20f87966.js';
105
+ import './Navigation-203c6bec.js';
106
106
  import './Minus-c3ff7a21.js';
107
107
  import './Checkbox-11eae830.js';
108
108
  import './Radio-bde5c415.js';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@geneui/components",
3
3
  "description": "The Gene UI components library designed for BI tools",
4
- "version": "3.0.0-next-bdaf023-25022026",
4
+ "version": "3.0.0-next-e1bd79a-05032026",
5
5
  "author": "SoftConstruct",
6
6
  "homepage": "https://github.com/softconstruct/gene-ui-components#readme",
7
7
  "repository": {
package/Navigation-20f87966.js DELETED
@@ -1,7 +0,0 @@
1
- import { s as styleInject } from './style-inject.es-746bb8ed.js';
2
-
3
- var css_248z$1 = ".navigationMobile__container{display:flex;flex-direction:column;height:100%}.navigationMobile__container_create{height:auto;max-height:50vh;min-height:20rem}.navigationMobile__header{border-bottom:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex-shrink:0;justify-content:flex-end;padding:var(--guit-ref-spacing-small) var(--guit-ref-spacing-medium)}.navigationMobile__content{flex:1;min-height:0;overflow:hidden}.navigationMobile__scrollbar{height:100%}.navigationMobile__list{display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall)}.navigationMobile__list,.navigationMobile__list_create{padding:var(--guit-ref-spacing-small) var(--guit-ref-spacing-medium)}.navigationMobile__footer{background-color:var(--guit-sem-color-background-neutral-1-nudge);border-top:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);flex-shrink:0;padding:var(--guit-ref-spacing-medium)}.navigationMobile__createItem{align-items:center;border-radius:var(--guit-ref-radius-3xsmall);color:var(--guit-sem-color-foreground-neutral-2);display:flex;gap:var(--guit-ref-spacing-xsmall);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium);width:100%}.navigationMobile__createItem:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.navigationMobile__createItem:active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigationMobile__createItem:disabled,.navigationMobile__createItem_disabled{color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.navigationMobile__createItem_danger{color:var(--guit-sem-color-foreground-error)}.navigationMobile__createItemIcon{color:inherit;flex-shrink:0}.navigationMobile__createItemIcon_after{-webkit-margin-start:auto;margin-inline-start:auto}.navigationMobile_create .spreadsheet__body{height:auto;max-height:50vh;min-height:20rem}";
4
- styleInject(css_248z$1);
5
-
6
- var css_248z = ".navigation{display:flex;height:100%;width:100%}.navigation__header{border-bottom:.1rem solid var(--guit-sem-color-border-neutral-2);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium)}.navigation__list{display:flex;height:100%;width:var(--guit-sem-dimension-width-3xlarge)}.navigation__listWrapper{-webkit-border-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);align-items:center;border-inline-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex-direction:column;overflow:hidden;padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-2xlarge) var(--guit-ref-spacing-xsmall);width:100%}.navigation__listWrapper>.navigation__listItem{margin-block:var(--guit-ref-spacing-xsmall)}.navigation__listItems{display:flex;flex-flow:column wrap;gap:var(--guit-ref-spacing-xsmall);max-width:var(--guit-sem-dimension-height-xlarge);min-height:0}.navigation__listItem{align-items:center;display:flex;flex-direction:column;width:100%}.navigation__addButton{align-items:center;display:flex;flex:0 0 auto;flex-direction:column;height:var(--guit-sem-dimension-height-large);margin-top:auto;width:var(--guit-sem-dimension-width-large)}.navigation__listItemText{color:var(--guit-sem-color-foreground-neutral-1);max-width:100%;-webkit-user-select:none;user-select:none}.navigation__iconButton{border-radius:var(--guit-ref-radius-3xsmall);height:var(--guit-sem-dimension-height-large);padding:var(--guit-ref-spacing-xsmall);width:var(--guit-sem-dimension-width-large)}.navigation__iconButton_selected{background-color:var(--guit-sem-color-background-selected-2);color:var(--guit-sem-color-foreground-inverse)}.navigation__iconButton_currentSelected{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigation__iconButton_disabled{background-color:var(--guit-sem-color-background-neutral-1);pointer-events:none}.navigation__iconButton_disabled,.navigation__iconButton_disabled+.navigation__listItemText{color:var(--guit-sem-color-foreground-disabled)}.navigation__iconButton_pointer_none{pointer-events:none}.navigation__iconButton:not(.navigation__iconButton_selected,.navigation__iconButton_disabled){color:var(--guit-sem-color-foreground-neutral-2)}.navigation__iconButton:not(.navigation__iconButton_selected,.navigation__iconButton_disabled):hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.navigation__iconButton:not(.navigation__iconButton_selected,.navigation__iconButton_disabled):active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigation__divider{flex:0 0 auto}.navigation__menu{-webkit-border-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);border-inline-end:var(--guit-ref-border-width-thin) var(--guit-ref-border-style-solid) var(--guit-sem-color-border-neutral-2);display:flex;flex-direction:column;height:100%;width:20rem}.navigation__menu_wrapper{height:100%;padding:var(--guit-ref-spacing-3xsmall) var(--guit-ref-spacing-xsmall)}.navigationItem,.navigation__menu_wrapper{display:flex;flex-direction:column;gap:var(--guit-ref-spacing-3xsmall);width:100%}.navigationItem__button{border-radius:var(--guit-ref-radius-3xsmall);display:flex;gap:var(--guit-ref-spacing-xsmall);padding:var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-xsmall) var(--guit-ref-spacing-medium);width:100%}.navigationItem__button_render{color:inherit}.navigationItem__button:hover{background-color:var(--guit-sem-color-background-neutral-1-hover)}.navigationItem__button:active{background-color:var(--guit-sem-color-background-neutral-1-pressed)}.navigationItem__button_selected{color:var(--guit-sem-color-foreground-selected)}.navigationItem__button_selected_noChildren{background:var(--guit-sem-color-background-neutral-3);color:var(--guit-sem-color-foreground-accent-blue)}.navigationItem__button_pointer_none{pointer-events:none}.navigationItem__button_disabled{background-color:var(--guit-sem-color-background-neutral-1);color:var(--guit-sem-color-foreground-disabled);pointer-events:none}.navigationItem__button_shift_1{-webkit-padding-start:var(--guit-ref-spacing-2xlarge);padding-inline-start:var(--guit-ref-spacing-2xlarge)}.navigationItem__button_shift_2{-webkit-padding-start:var(--guit-ref-spacing-5xlarge);padding-inline-start:var(--guit-ref-spacing-5xlarge)}.navigationItem__button_shift_3{-webkit-padding-start:var(--guit-ref-spacing-8xlarge);padding-inline-start:var(--guit-ref-spacing-8xlarge)}.navigationItem__button_shift_4{-webkit-padding-start:var(--guit-ref-spacing-9xlarge);padding-inline-start:var(--guit-ref-spacing-9xlarge)}.navigationItem__chevron{margin-left:auto}.navigationItem__chevron_open{transform:rotate(90deg)}";
7
- styleInject(css_248z);