@infonomic/uikit 5.41.0 → 5.43.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.
- package/dist/components/@types/shared.d.ts +52 -0
- package/dist/components/@types/shared.d.ts.map +1 -1
- package/dist/components/accordion/accordion.d.ts.map +1 -1
- package/dist/components/accordion/accordion.module.css +1 -2
- package/dist/components/avatar/avatar.d.ts.map +1 -1
- package/dist/components/avatar/avatar.module.css +6 -7
- package/dist/components/badge/badge.d.ts.map +1 -1
- package/dist/components/badge/badge.module.css +6 -7
- package/dist/components/button/@types/button.d.ts +31 -1
- package/dist/components/button/@types/button.d.ts.map +1 -1
- package/dist/components/button/button-group.module.css +1 -3
- package/dist/components/button/button.module.css +48 -31
- package/dist/components/button/combo-button.d.ts.map +1 -1
- package/dist/components/button/combo-button.module.css +3 -3
- package/dist/components/button/control-buttons.module.css +1 -2
- package/dist/components/button/copy-button.d.ts.map +1 -1
- package/dist/components/button/copy-button.module.css +6 -7
- package/dist/components/card/card.d.ts.map +1 -1
- package/dist/components/card/card.module.css +6 -10
- package/dist/components/chips/@types/chip.d.ts +20 -0
- package/dist/components/chips/@types/chip.d.ts.map +1 -1
- package/dist/components/chips/chip.d.ts.map +1 -1
- package/dist/components/chips/chip.module.css +30 -19
- package/dist/components/container/container.d.ts.map +1 -1
- package/dist/components/container/container.module.css +6 -10
- package/dist/components/dropdown/dropdown.module.css +6 -7
- package/dist/components/forms/@types/checkbox.d.ts +28 -1
- package/dist/components/forms/@types/checkbox.d.ts.map +1 -1
- package/dist/components/forms/@types/input.d.ts +29 -1
- package/dist/components/forms/@types/input.d.ts.map +1 -1
- package/dist/components/forms/calendar.module.css +14 -14
- package/dist/components/forms/checkbox-group.d.ts.map +1 -1
- package/dist/components/forms/checkbox.d.ts.map +1 -1
- package/dist/components/forms/checkbox.module.css +12 -17
- package/dist/components/forms/checkbox.module.js +0 -1
- package/dist/components/forms/checkbox_module.css +3 -13
- package/dist/components/forms/error-text.module.css +6 -7
- package/dist/components/forms/help-text.d.ts.map +1 -1
- package/dist/components/forms/help-text.module.css +6 -7
- package/dist/components/forms/input-adornment.module.css +6 -7
- package/dist/components/forms/input-password.d.ts.map +1 -1
- package/dist/components/forms/input.d.ts.map +1 -1
- package/dist/components/forms/input.module.css +6 -7
- package/dist/components/forms/label.module.css +6 -7
- package/dist/components/forms/radio-group.module.css +6 -7
- package/dist/components/forms/select.d.ts.map +1 -1
- package/dist/components/forms/select.js +1 -1
- package/dist/components/forms/select.module.css +74 -3
- package/dist/components/forms/select.module.js +10 -0
- package/dist/components/forms/select_module.css +63 -3
- package/dist/components/forms/text-area.module.css +10 -9
- package/dist/components/notifications/@types/alert.d.ts +16 -1
- package/dist/components/notifications/@types/alert.d.ts.map +1 -1
- package/dist/components/notifications/@types/toast.d.ts +36 -1
- package/dist/components/notifications/@types/toast.d.ts.map +1 -1
- package/dist/components/notifications/alert.d.ts.map +1 -1
- package/dist/components/notifications/alert.module.css +6 -7
- package/dist/components/notifications/toast.module.css +6 -8
- package/dist/components/overlay/overlay.module.css +6 -4
- package/dist/components/pager/@types/index.d.ts +12 -0
- package/dist/components/pager/@types/index.d.ts.map +1 -1
- package/dist/components/pager/pagination.module.css +6 -8
- package/dist/components/scroll-area/scroll-area.d.ts.map +1 -1
- package/dist/components/scroll-area/scroll-area.module.css +6 -7
- package/dist/components/scroll-to-top/scroll-to-top.module.css +5 -7
- package/dist/components/section/section.d.ts.map +1 -1
- package/dist/components/section/section.module.css +6 -7
- package/dist/components/shimmer/shimmer.module.css +6 -8
- package/dist/components/table/table.d.ts.map +1 -1
- package/dist/components/table/table.module.css +6 -8
- package/dist/components/tabs/tabs.module.css +6 -7
- package/dist/components/tooltip/tooltip.module.css +6 -7
- package/dist/icons/eye-closed-icon.d.ts.map +1 -1
- package/dist/icons/eye-open-icon.d.ts.map +1 -1
- package/dist/icons/icons.module.css +1 -1
- package/dist/widgets/datepicker/datepicker.d.ts.map +1 -1
- package/dist/widgets/datepicker/datepicker.module.css +1 -2
- package/dist/widgets/drawer/drawer-container.d.ts.map +1 -1
- package/dist/widgets/drawer/drawer-content.d.ts.map +1 -1
- package/dist/widgets/drawer/drawer.module.css +1 -3
- package/dist/widgets/modal/modal-actions.d.ts.map +1 -1
- package/dist/widgets/modal/modal-container.d.ts.map +1 -1
- package/dist/widgets/modal/modal-content.d.ts.map +1 -1
- package/dist/widgets/modal/modal.module.css +1 -3
- package/dist/widgets/timeline/timeline.module.css +6 -8
- package/package.json +1 -1
- package/src/components/@types/shared.ts +55 -0
- package/src/components/accordion/accordion.module.css +1 -2
- package/src/components/accordion/accordion.stories.tsx +1 -2
- package/src/components/accordion/accordion.tsx +25 -5
- package/src/components/avatar/avatar.module.css +6 -7
- package/src/components/avatar/avatar.tsx +9 -2
- package/src/components/badge/badge.module.css +6 -7
- package/src/components/badge/badge.tsx +7 -1
- package/src/components/button/@types/button.ts +36 -1
- package/src/components/button/button-group.module.css +1 -3
- package/src/components/button/button.module.css +48 -31
- package/src/components/button/button.tsx +1 -1
- package/src/components/button/combo-button.module.css +3 -3
- package/src/components/button/combo-button.tsx +17 -5
- package/src/components/button/combo-buttons.stories.tsx +6 -3
- package/src/components/button/control-buttons.module.css +1 -2
- package/src/components/button/copy-button.module.css +6 -7
- package/src/components/button/copy-button.tsx +12 -3
- package/src/components/card/card.module.css +6 -10
- package/src/components/card/card.tsx +20 -4
- package/src/components/chips/@types/chip.ts +22 -0
- package/src/components/chips/chip.module.css +30 -19
- package/src/components/chips/chip.tsx +10 -5
- package/src/components/container/container.module.css +6 -10
- package/src/components/container/container.tsx +1 -1
- package/src/components/dropdown/dropdown.module.css +6 -7
- package/src/components/forms/@types/checkbox.ts +31 -1
- package/src/components/forms/@types/input.ts +32 -1
- package/src/components/forms/calendar.module.css +14 -14
- package/src/components/forms/checkbox-group.tsx +1 -1
- package/src/components/forms/checkbox.module.css +12 -17
- package/src/components/forms/checkbox.tsx +4 -1
- package/src/components/forms/error-text.module.css +6 -7
- package/src/components/forms/help-text.module.css +6 -7
- package/src/components/forms/help-text.tsx +5 -1
- package/src/components/forms/input-adornment.module.css +6 -7
- package/src/components/forms/input-password.tsx +7 -1
- package/src/components/forms/input.module.css +6 -7
- package/src/components/forms/input.tsx +18 -2
- package/src/components/forms/label.module.css +6 -7
- package/src/components/forms/radio-group.module.css +6 -7
- package/src/components/forms/select.module.css +74 -3
- package/src/components/forms/select.stories.tsx +47 -9
- package/src/components/forms/select.tsx +4 -2
- package/src/components/forms/text-area.module.css +10 -9
- package/src/components/notifications/@types/alert.ts +17 -1
- package/src/components/notifications/@types/toast.ts +40 -1
- package/src/components/notifications/alert.module.css +6 -7
- package/src/components/notifications/alert.tsx +10 -3
- package/src/components/notifications/toast.module.css +6 -8
- package/src/components/overlay/overlay.module.css +6 -4
- package/src/components/pager/@types/index.ts +13 -0
- package/src/components/pager/pagination.module.css +6 -8
- package/src/components/pager/pagination.tsx +6 -1
- package/src/components/scroll-area/scroll-area.module.css +6 -7
- package/src/components/scroll-area/scroll-area.tsx +13 -4
- package/src/components/scroll-to-top/scroll-to-top.module.css +5 -7
- package/src/components/section/section.module.css +6 -7
- package/src/components/section/section.tsx +1 -1
- package/src/components/shimmer/shimmer.module.css +6 -8
- package/src/components/table/table.module.css +6 -8
- package/src/components/table/table.tsx +6 -1
- package/src/components/tabs/tabs.module.css +6 -7
- package/src/components/tooltip/tooltip.module.css +6 -7
- package/src/icons/ai-icon.tsx +1 -1
- package/src/icons/eye-closed-icon.tsx +2 -1
- package/src/icons/eye-open-icon.tsx +1 -5
- package/src/icons/icons.module.css +1 -1
- package/src/styles/base/base.css +1 -1
- package/src/styles/base/colors.css +1 -2
- package/src/styles/components/loaders.css +1 -1
- package/src/styles/functional/colors.css +201 -56
- package/src/styles/functional/surfaces.css +1 -2
- package/src/styles/functional/typography.css +1 -1
- package/src/widgets/datepicker/datepicker.module.css +1 -2
- package/src/widgets/datepicker/datepicker.tsx +44 -16
- package/src/widgets/drawer/drawer-container.tsx +6 -1
- package/src/widgets/drawer/drawer-content.tsx +5 -1
- package/src/widgets/drawer/drawer.module.css +1 -3
- package/src/widgets/modal/modal-actions.tsx +5 -1
- package/src/widgets/modal/modal-container.tsx +5 -1
- package/src/widgets/modal/modal-content.tsx +5 -1
- package/src/widgets/modal/modal.module.css +1 -3
- package/src/widgets/timeline/timeline.module.css +6 -8
|
@@ -20,7 +20,11 @@ export const ModalContainer = function ModalContainer({
|
|
|
20
20
|
ref?: React.RefObject<HTMLDivElement>
|
|
21
21
|
}) {
|
|
22
22
|
return (
|
|
23
|
-
<div
|
|
23
|
+
<div
|
|
24
|
+
ref={ref}
|
|
25
|
+
className={cx('infonomic-modal-container', styles['modal-container'], className)}
|
|
26
|
+
{...rest}
|
|
27
|
+
>
|
|
24
28
|
{children}
|
|
25
29
|
</div>
|
|
26
30
|
)
|
|
@@ -20,7 +20,11 @@ export const ModalContent = function ModalContent({
|
|
|
20
20
|
ref?: React.RefObject<HTMLDivElement>
|
|
21
21
|
}) {
|
|
22
22
|
return (
|
|
23
|
-
<div
|
|
23
|
+
<div
|
|
24
|
+
ref={ref}
|
|
25
|
+
{...rest}
|
|
26
|
+
className={cx('infonomic-modal-content', styles['modal-content'], className)}
|
|
27
|
+
>
|
|
24
28
|
{children}
|
|
25
29
|
</div>
|
|
26
30
|
)
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
@layer infonomic-base, infonomic-utilities, infonomic-theme, infonomic-components;
|
|
2
2
|
|
|
3
3
|
@layer infonomic-components {
|
|
4
|
-
|
|
5
4
|
.modal-wrapper,
|
|
6
5
|
:global(.infonomic-modal-open) {
|
|
7
6
|
position: fixed;
|
|
@@ -36,7 +35,6 @@
|
|
|
36
35
|
}
|
|
37
36
|
|
|
38
37
|
@media screen and (min-width: 40rem) {
|
|
39
|
-
|
|
40
38
|
.modal-container,
|
|
41
39
|
:global(.infonomic-modal-container) {
|
|
42
40
|
max-height: calc(100vh - 24px);
|
|
@@ -88,4 +86,4 @@
|
|
|
88
86
|
padding-left: var(--spacing-16);
|
|
89
87
|
padding-right: var(--spacing-16);
|
|
90
88
|
}
|
|
91
|
-
}
|
|
89
|
+
}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
1
|
@layer infonomic-base,
|
|
2
|
-
infonomic-functional,
|
|
3
|
-
infonomic-utilities,
|
|
4
|
-
infonomic-theme,
|
|
5
|
-
infonomic-typography,
|
|
6
|
-
infonomic-components;
|
|
2
|
+
infonomic-functional,
|
|
3
|
+
infonomic-utilities,
|
|
4
|
+
infonomic-theme,
|
|
5
|
+
infonomic-typography,
|
|
6
|
+
infonomic-components;
|
|
7
7
|
|
|
8
8
|
@layer infonomic-components {
|
|
9
|
-
|
|
10
9
|
.timeline,
|
|
11
10
|
:global(.infonomic-timeline) {
|
|
12
11
|
margin-left: var(--spacing-8);
|
|
@@ -95,10 +94,9 @@ infonomic-components;
|
|
|
95
94
|
*/
|
|
96
95
|
:global(.dark),
|
|
97
96
|
:global([data-theme="dark"]) {
|
|
98
|
-
|
|
99
97
|
:global(.infonomic-timeline-icon),
|
|
100
98
|
.timeline-icon {
|
|
101
99
|
border-color: var(--canvas-600);
|
|
102
100
|
}
|
|
103
101
|
}
|
|
104
|
-
}
|
|
102
|
+
}
|