draft-components 4.24.4 → 4.25.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/css/draft-components.css +13 -14
- package/dist/components/alert/alert.d.ts +1 -1
- package/dist/components/alert/alert.js.map +1 -1
- package/dist/components/avatar/avatar.d.ts +1 -1
- package/dist/components/avatar/avatar.js.map +1 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/badge/badge.js.map +1 -1
- package/dist/components/breadcrumbs/breadcrumbs-context.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs-item.js.map +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.d.ts +1 -1
- package/dist/components/breadcrumbs/breadcrumbs.js.map +1 -1
- package/dist/components/button/button.css +2 -1
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/button/button.js.map +1 -1
- package/dist/components/button/icon-button.d.ts +1 -1
- package/dist/components/button-group/button-group.d.ts +1 -1
- package/dist/components/button-group/button-group.js.map +1 -1
- package/dist/components/caption/caption.d.ts +1 -1
- package/dist/components/caption/caption.js.map +1 -1
- package/dist/components/checkbox/checkbox.d.ts +1 -1
- package/dist/components/checkbox/checkbox.js.map +1 -1
- package/dist/components/color-picker/color-picker-button.d.ts +1 -1
- package/dist/components/color-picker/color-picker.css +0 -1
- package/dist/components/color-picker/color-picker.d.ts +1 -1
- package/dist/components/color-picker/color-picker.js.map +1 -1
- package/dist/components/date-picker/calendar-day.d.ts +1 -1
- package/dist/components/date-picker/calendar-day.js.map +1 -1
- package/dist/components/date-picker/calendar-grid-head.d.ts +2 -1
- package/dist/components/date-picker/calendar-grid.d.ts +2 -1
- package/dist/components/date-picker/calendar-header.d.ts +2 -1
- package/dist/components/date-picker/calendar-header.js +4 -9
- package/dist/components/date-picker/calendar-header.js.map +1 -1
- package/dist/components/date-picker/calendar.d.ts +1 -1
- package/dist/components/date-picker/date-picker.css +0 -2
- package/dist/components/date-picker/date-picker.d.ts +1 -1
- package/dist/components/date-picker/date-range-picker.d.ts +1 -1
- package/dist/components/date-picker-popover/date-picker-popover.d.ts +1 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.d.ts +1 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.d.ts +1 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover.css +2 -2
- package/dist/components/date-range-picker-popover/date-range-picker-popover.d.ts +1 -1
- package/dist/components/date-range-picker-popover/date-range-picker-popover.js +24 -3
- package/dist/components/date-range-picker-popover/date-range-picker-popover.js.map +1 -1
- package/dist/components/dialog/dialog-body.d.ts +1 -1
- package/dist/components/dialog/dialog-body.js.map +1 -1
- package/dist/components/dialog/dialog-context.d.ts +1 -1
- package/dist/components/dialog/dialog-footer.d.ts +1 -1
- package/dist/components/dialog/dialog-header.d.ts +1 -1
- package/dist/components/dialog/dialog-header.js.map +1 -1
- package/dist/components/dialog/dialog.d.ts +1 -1
- package/dist/components/dialog/dialog.js.map +1 -1
- package/dist/components/empty-state/empty-state.d.ts +1 -1
- package/dist/components/empty-state/empty-state.js.map +1 -1
- package/dist/components/file-picker/file-picker.css +1 -1
- package/dist/components/file-picker/file-picker.d.ts +1 -1
- package/dist/components/file-picker/file-picker.js.map +1 -1
- package/dist/components/filter-buttons/filter-button.d.ts +1 -1
- package/dist/components/filter-buttons/filter-button.js.map +1 -1
- package/dist/components/filter-buttons/filter-buttons.d.ts +1 -1
- package/dist/components/filtered-search/checkbox-group.css +1 -1
- package/dist/components/filtered-search/checkbox-group.d.ts +1 -1
- package/dist/components/filtered-search/filter-item.d.ts +1 -1
- package/dist/components/filtered-search/filter-operator-select.css +2 -1
- package/dist/components/filtered-search/filter-operator-select.d.ts +1 -1
- package/dist/components/filtered-search/filter-token.d.ts +1 -1
- package/dist/components/filtered-search/filter-token.js.map +1 -1
- package/dist/components/filtered-search/filtered-search.css +5 -4
- package/dist/components/filtered-search/filtered-search.d.ts +2 -2
- package/dist/components/filtered-search/filtered-search.js.map +1 -1
- package/dist/components/filtered-search/radio-group-filter-item.d.ts +1 -1
- package/dist/components/filtered-search/radio-group-filter-item.js.map +1 -1
- package/dist/components/filtered-search/radio-group.css +1 -1
- package/dist/components/filtered-search/radio-group.d.ts +1 -1
- package/dist/components/filtered-search/string-filter-input.css +1 -1
- package/dist/components/filtered-search/string-filter-input.d.ts +1 -1
- package/dist/components/filtered-search/string-filter-item.d.ts +1 -1
- package/dist/components/filtered-search/string-filter-item.js +6 -5
- package/dist/components/filtered-search/string-filter-item.js.map +1 -1
- package/dist/components/filtered-search/string-set-filter-item.d.ts +1 -1
- package/dist/components/filtered-search/string-set-filter-item.js.map +1 -1
- package/dist/components/filtered-search/use-translations.d.ts +1 -1
- package/dist/components/form-field/form-field.d.ts +1 -1
- package/dist/components/form-field/form-field.js.map +1 -1
- package/dist/components/label/label.d.ts +1 -1
- package/dist/components/label/label.js.map +1 -1
- package/dist/components/menu/menu-item.d.ts +1 -1
- package/dist/components/menu/menu-item.js.map +1 -1
- package/dist/components/menu/menu-separator.d.ts +1 -1
- package/dist/components/menu/menu.d.ts +1 -1
- package/dist/components/menu/menu.js.map +1 -1
- package/dist/components/multi-select/icons.d.ts +3 -3
- package/dist/components/multi-select/multi-select.d.ts +1 -1
- package/dist/components/nav-list/nav-list-item.d.ts +1 -1
- package/dist/components/nav-list/nav-list-item.js.map +1 -1
- package/dist/components/nav-list/nav-list-title.d.ts +1 -1
- package/dist/components/nav-list/nav-list-title.js.map +1 -1
- package/dist/components/nav-list/nav-list.d.ts +1 -1
- package/dist/components/password-input/password-input.d.ts +1 -1
- package/dist/components/popover/popover.d.ts +1 -1
- package/dist/components/popover/popover.js +11 -5
- package/dist/components/popover/popover.js.map +1 -1
- package/dist/components/portal/portal-context.d.ts +1 -1
- package/dist/components/radio/radio.d.ts +2 -2
- package/dist/components/radio/radio.js.map +1 -1
- package/dist/components/search-select/search-select.css +1 -1
- package/dist/components/search-select/search-select.d.ts +1 -1
- package/dist/components/segmented-control/segmented-button.d.ts +1 -1
- package/dist/components/segmented-control/segmented-control.d.ts +1 -1
- package/dist/components/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/select/select.d.ts +1 -1
- package/dist/components/select/select.js.map +1 -1
- package/dist/components/selection-control/selection-control.css +1 -1
- package/dist/components/selection-control/selection-control.d.ts +1 -1
- package/dist/components/selection-control/selection-control.js.map +1 -1
- package/dist/components/slider/range-slider.d.ts +1 -1
- package/dist/components/slider/slider-thumb.d.ts +1 -1
- package/dist/components/slider/slider-tick-marks.d.ts +1 -1
- package/dist/components/slider/slider-track.d.ts +1 -1
- package/dist/components/slider/slider.d.ts +1 -1
- package/dist/components/spinner/spinner.d.ts +1 -1
- package/dist/components/spinner/spinner.js.map +1 -1
- package/dist/components/switch/switch.d.ts +1 -1
- package/dist/components/switch/switch.js.map +1 -1
- package/dist/components/table/table-body.d.ts +1 -1
- package/dist/components/table/table-cell.d.ts +1 -1
- package/dist/components/table/table-container.d.ts +1 -1
- package/dist/components/table/table-footer.d.ts +1 -1
- package/dist/components/table/table-head-cell.d.ts +1 -1
- package/dist/components/table/table-head-cell.js.map +1 -1
- package/dist/components/table/table-head.d.ts +1 -1
- package/dist/components/table/table-row.d.ts +1 -1
- package/dist/components/table/table-row.js.map +1 -1
- package/dist/components/table/table.css +1 -1
- package/dist/components/table/table.d.ts +1 -1
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/tabs/tab-list.d.ts +1 -1
- package/dist/components/tabs/tab-panel.d.ts +1 -1
- package/dist/components/tabs/tab-panel.js.map +1 -1
- package/dist/components/tabs/tab.d.ts +1 -1
- package/dist/components/tabs/tab.js.map +1 -1
- package/dist/components/tabs/tabs-context.d.ts +1 -1
- package/dist/components/tabs/tabs.d.ts +1 -1
- package/dist/components/tabs/tabs.js.map +1 -1
- package/dist/components/tag/tag.d.ts +1 -1
- package/dist/components/tag/tag.js.map +1 -1
- package/dist/components/text-input/text-input.d.ts +1 -1
- package/dist/components/text-input/text-input.js.map +1 -1
- package/dist/components/textarea/textarea.d.ts +1 -1
- package/dist/components/textarea/textarea.js.map +1 -1
- package/dist/components/toast/toast-button.d.ts +1 -1
- package/dist/components/toast/toast.d.ts +1 -1
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/components/toaster/toaster.d.ts +1 -1
- package/dist/components/token-input/token-input.d.ts +1 -1
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js.map +1 -1
- package/dist/hooks/use-callback-ref.js +1 -1
- package/dist/hooks/use-callback-ref.js.map +1 -1
- package/dist/hooks/use-preserve-props-when-closed.d.ts +1 -1
- package/dist/hooks/use-preserve-props-when-closed.js +11 -11
- package/dist/hooks/use-preserve-props-when-closed.js.map +1 -1
- package/dist/lib/react-helpers.js.map +1 -1
- package/dist/storybook-blocks/color-palette/color-palette.d.ts +1 -1
- package/dist/storybook-blocks/color-palette/color-palette.js +1 -0
- package/dist/storybook-blocks/color-palette/color-palette.js.map +1 -1
- package/package.json +43 -41
package/css/draft-components.css
CHANGED
|
@@ -1196,7 +1196,8 @@
|
|
|
1196
1196
|
box-sizing: border-box;
|
|
1197
1197
|
display: inline-grid;
|
|
1198
1198
|
grid-template-columns: 1fr;
|
|
1199
|
-
|
|
1199
|
+
-moz-column-gap: 0.5em;
|
|
1200
|
+
column-gap: 0.5em;
|
|
1200
1201
|
place-items: center;
|
|
1201
1202
|
justify-content: center;
|
|
1202
1203
|
height: var(--height);
|
|
@@ -3358,9 +3359,9 @@
|
|
|
3358
3359
|
max-height: var(--list-box-max-height);
|
|
3359
3360
|
padding: var(--list-box-padding);
|
|
3360
3361
|
margin: 0;
|
|
3362
|
+
contain: content;
|
|
3361
3363
|
overflow-y: auto;
|
|
3362
3364
|
overscroll-behavior: contain;
|
|
3363
|
-
contain: content;
|
|
3364
3365
|
list-style: none;
|
|
3365
3366
|
scrollbar-width: thin;
|
|
3366
3367
|
}
|
|
@@ -3994,7 +3995,7 @@
|
|
|
3994
3995
|
width: 1px;
|
|
3995
3996
|
height: 1px;
|
|
3996
3997
|
overflow: hidden;
|
|
3997
|
-
clip:
|
|
3998
|
+
clip-path: inset(50%);
|
|
3998
3999
|
}
|
|
3999
4000
|
|
|
4000
4001
|
.dc-file-picker__body {
|
|
@@ -4069,7 +4070,6 @@
|
|
|
4069
4070
|
}
|
|
4070
4071
|
|
|
4071
4072
|
/* Calendar controls */
|
|
4072
|
-
|
|
4073
4073
|
.dc-calendar-next-month,
|
|
4074
4074
|
.dc-calendar-prev-month {
|
|
4075
4075
|
--dc-button-height: 28px;
|
|
@@ -4084,7 +4084,6 @@
|
|
|
4084
4084
|
}
|
|
4085
4085
|
|
|
4086
4086
|
/* Calendar day */
|
|
4087
|
-
|
|
4088
4087
|
.dc-calendar-day {
|
|
4089
4088
|
width: 100%;
|
|
4090
4089
|
padding: 0;
|
|
@@ -4434,7 +4433,7 @@
|
|
|
4434
4433
|
display: grid;
|
|
4435
4434
|
grid-template-areas: "input label";
|
|
4436
4435
|
grid-template-columns: auto 1fr;
|
|
4437
|
-
|
|
4436
|
+
gap: 2px 12px;
|
|
4438
4437
|
justify-items: start;
|
|
4439
4438
|
color-scheme: light;
|
|
4440
4439
|
}
|
|
@@ -4552,7 +4551,6 @@
|
|
|
4552
4551
|
height: 1px;
|
|
4553
4552
|
overflow: hidden;
|
|
4554
4553
|
white-space: nowrap;
|
|
4555
|
-
clip: rect(0 0 0 0);
|
|
4556
4554
|
clip-path: inset(50%);
|
|
4557
4555
|
}
|
|
4558
4556
|
|
|
@@ -4605,7 +4603,7 @@
|
|
|
4605
4603
|
"presets calendar"
|
|
4606
4604
|
"footer footer";
|
|
4607
4605
|
grid-template-columns: auto 1fr;
|
|
4608
|
-
|
|
4606
|
+
gap: 20px 24px;
|
|
4609
4607
|
max-width: none;
|
|
4610
4608
|
color-scheme: light;
|
|
4611
4609
|
}
|
|
@@ -4643,7 +4641,7 @@
|
|
|
4643
4641
|
grid-area: footer;
|
|
4644
4642
|
grid-template-areas: "content cancel confirm";
|
|
4645
4643
|
grid-template-columns: 1fr auto auto;
|
|
4646
|
-
|
|
4644
|
+
gap: 8px;
|
|
4647
4645
|
align-items: center;
|
|
4648
4646
|
font: var(--dc-text-xs);
|
|
4649
4647
|
}
|
|
@@ -4705,8 +4703,8 @@
|
|
|
4705
4703
|
.dc-table-container {
|
|
4706
4704
|
box-sizing: border-box;
|
|
4707
4705
|
overflow: auto;
|
|
4708
|
-
scroll-snap-type: x mandatory;
|
|
4709
4706
|
scroll-behavior: smooth;
|
|
4707
|
+
scroll-snap-type: x mandatory;
|
|
4710
4708
|
}
|
|
4711
4709
|
|
|
4712
4710
|
.dc-table {
|
|
@@ -6084,7 +6082,8 @@
|
|
|
6084
6082
|
.dc-filter-operator-select {
|
|
6085
6083
|
display: grid;
|
|
6086
6084
|
grid-template-columns: auto 1fr;
|
|
6087
|
-
|
|
6085
|
+
-moz-column-gap: 8px;
|
|
6086
|
+
column-gap: 8px;
|
|
6088
6087
|
align-items: center;
|
|
6089
6088
|
}
|
|
6090
6089
|
|
|
@@ -6092,7 +6091,7 @@
|
|
|
6092
6091
|
box-sizing: border-box;
|
|
6093
6092
|
display: grid;
|
|
6094
6093
|
grid-template-columns: auto 1fr;
|
|
6095
|
-
|
|
6094
|
+
gap: 4px 8px;
|
|
6096
6095
|
align-items: center;
|
|
6097
6096
|
padding-left: 4px;
|
|
6098
6097
|
}
|
|
@@ -6107,8 +6106,8 @@
|
|
|
6107
6106
|
padding: 0;
|
|
6108
6107
|
margin: 0;
|
|
6109
6108
|
overflow: auto;
|
|
6110
|
-
list-style: none;
|
|
6111
6109
|
scroll-behavior: smooth;
|
|
6110
|
+
list-style: none;
|
|
6112
6111
|
scroll-snap-type: y mandatory;
|
|
6113
6112
|
}
|
|
6114
6113
|
|
|
@@ -6129,8 +6128,8 @@
|
|
|
6129
6128
|
padding: 0;
|
|
6130
6129
|
margin: 0;
|
|
6131
6130
|
overflow: auto;
|
|
6132
|
-
list-style: none;
|
|
6133
6131
|
scroll-behavior: smooth;
|
|
6132
|
+
list-style: none;
|
|
6134
6133
|
scroll-snap-type: y mandatory;
|
|
6135
6134
|
}
|
|
6136
6135
|
|
|
@@ -11,5 +11,5 @@ type AlertBaseProps = {
|
|
|
11
11
|
onClickDismissButton?: MouseEventHandler<HTMLButtonElement>;
|
|
12
12
|
};
|
|
13
13
|
export type AlertProps = AlertBaseProps & Omit<AlertHTMLProps, keyof AlertBaseProps>;
|
|
14
|
-
export declare function Alert({ shouldShowDismissButton, alertStyle, tint, icon, title, children, className, onClickDismissButton, ...props }: AlertProps): import("react
|
|
14
|
+
export declare function Alert({ shouldShowDismissButton, alertStyle, tint, icon, title, children, className, onClickDismissButton, ...props }: AlertProps): import("react").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAA+D,MAAM,OAAO,CAAC;AACpF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAyBxD,MAAM,UAAU,KAAK,CAAC,EACpB,uBAAuB,EACvB,UAAU,GAAG,SAAS,EACtB,IAAI,GAAG,MAAM,EACb,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,oBAAoB,EACpB,GAAG,KAAK,EACG;IACX,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,UAAU,EAAE;YAC3C,CAAC,kBAAkB,UAAU,EAAE,CAAC,EAAE,UAAU;YAC5C,CAAC,iBAAiB,IAAI,EAAE,CAAC,EAAE,IAAI;YAC/B,mBAAmB,EAAE,IAAI;YACzB,6BAA6B,EAAE,uBAAuB;SACvD,CAAC,aAED,IAAI,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,gBAAgB,YAAE,IAAI,GAAO,CAAC,CAAC,CAAC,IAAI,EAC3D,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAC,iBAAiB,YAAE,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,EAC3D,QAAQ,IACL,EACL,uBAAuB,IAAI,CAC1B,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,0BAA0B,EACpC,OAAO,EAAE,oBAAoB,YAE7B,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,CAAC,GAAI,GAC7C,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,IAAI,EAAC,MAAM,KACP,KAAK,YAET,eAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,CAAC,EAAC,sBAAsB,GAAG,GAC1E,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -11,5 +11,5 @@ type AvatarBaseProps = {
|
|
|
11
11
|
monogram?: string;
|
|
12
12
|
};
|
|
13
13
|
export type AvatarProps = AvatarBaseProps & Omit<AvatarHTMLProps, keyof AvatarBaseProps>;
|
|
14
|
-
export declare function Avatar({ square, size, fill, src, altText, monogram, className, ...props }: AvatarProps): import("react
|
|
14
|
+
export declare function Avatar({ square, size, fill, src, altText, monogram, className, ...props }: AvatarProps): import("react").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,KAAK,EAAE,MAAM,OAAO,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar/avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,5 +4,5 @@ type BadgeBaseProps = {
|
|
|
4
4
|
children: number | string;
|
|
5
5
|
};
|
|
6
6
|
export type BadgeProps = BadgeBaseProps & Omit<BadgeHTMLProps, keyof BadgeBaseProps>;
|
|
7
|
-
export declare function Badge({ className, children, ...props }: BadgeProps): import("react
|
|
7
|
+
export declare function Badge({ className, children, ...props }: BadgeProps): import("react").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAUxD,MAAM,UAAU,KAAK,CAAC,EACpB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG;IACX,IAAI,QAAQ,CAAC;IACb,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,GAAG,CAAC,IAAI,QAAQ,GAAG,EAAE,EAAE,CAAC;QAClE,QAAQ,GAAG,IAAI,CAAC;IAClB,CAAC;SAAM,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjE,QAAQ,GAAG,IAAI,CAAC;IAClB,CAAC;SAAM,CAAC;QACN,QAAQ,GAAG,CAAC,QAAQ,CAAC;IACvB,CAAC;IAED,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,UAAU,EAAE,IAAI;YAChB,iBAAiB,EAAE,QAAQ;SAC5B,CAAC,YAED,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -9,5 +9,5 @@ type BreadcrumbsItemBaseProps = {
|
|
|
9
9
|
renderAs?: BreadcrumbsItemRenderer;
|
|
10
10
|
};
|
|
11
11
|
export type BreadcrumbsItemProps = BreadcrumbsItemBaseProps & Omit<BreadcrumbsItemHTMLProps, keyof BreadcrumbsItemBaseProps>;
|
|
12
|
-
export declare function BreadcrumbsItem({ className, icon, children, renderAs, ...props }: BreadcrumbsItemProps):
|
|
12
|
+
export declare function BreadcrumbsItem({ className, icon, children, renderAs, ...props }: BreadcrumbsItemProps): JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs-item.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"breadcrumbs-item.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAgBjE,MAAM,UAAU,eAAe,CAAC,EAC9B,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACa;IACrB,MAAM,EAAE,SAAS,EAAE,GAAG,qBAAqB,EAAE,CAAC;IAE9C,SAAS,GAAG,UAAU,CAAC,2BAA2B,EAAE,SAAS,CAAC,CAAC;IAC/D,QAAQ,GAAG,CACT,8BACG,IAAI,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,2BAA2B,YAAE,IAAI,GAAO,EACxE,cAAK,SAAS,EAAC,2BAA2B,YAAE,QAAQ,GAAO,IAC1D,CACJ,CAAC;IAEF,IAAI,OAAO,CAAC;IACZ,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,GAAG,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9C,CAAC;SAAM,CAAC;QACN,OAAO,GAAG,eAAO,KAAK,EAAE,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAK,CAAC;IAC/D,CAAC;IAED,OAAO,CACL,cAAI,SAAS,EAAC,qBAAqB,aAChC,OAAO,EACP,SAAS,IAAI,IAAI,IAAI,CACpB,6BAAkB,IAAI,EAAE,SAAS,EAAC,gCAAgC,YAC/D,SAAS,GACN,CACP,IACE,CACN,CAAC;AACJ,CAAC"}
|
|
@@ -4,5 +4,5 @@ type BreadcrumbsBaseProps = {
|
|
|
4
4
|
separator?: ReactNode;
|
|
5
5
|
};
|
|
6
6
|
export type BreadcrumbsProps = BreadcrumbsBaseProps & Omit<BreadcrumbsHTMLProps, keyof BreadcrumbsBaseProps>;
|
|
7
|
-
export declare function Breadcrumbs({ separator, className, children, ...props }: BreadcrumbsProps): import("react
|
|
7
|
+
export declare function Breadcrumbs({ separator, className, children, ...props }: BreadcrumbsProps): import("react").JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"breadcrumbs.js","sourceRoot":"","sources":["../../../src/components/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,0BAA0B,EAAE,MAAM,0BAA0B,CAAC;AAUtE,MAAM,gBAAgB,GAAG,CACvB,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,EAAE,EACV,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,aAAa,EAAC,OAAO,EACrB,WAAW,EAAE,CAAC,YAEd,eAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,GAAI,GACjC,CACP,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,GAAG,gBAAgB,EAC5B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,OAAO,CACL,KAAC,0BAA0B,IAAC,SAAS,EAAE,SAAS,YAC9C,iBAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,YAChE,aAAI,SAAS,EAAC,uBAAuB,YAClC,QAAQ,GACN,GACD,GACqB,CAC9B,CAAC;AACJ,CAAC"}
|
|
@@ -19,5 +19,5 @@ type ButtonBaseProps = {
|
|
|
19
19
|
renderAs?: ButtonRenderer;
|
|
20
20
|
};
|
|
21
21
|
export type ButtonProps = ButtonBaseProps & Omit<ButtonHTMLProps, keyof ButtonBaseProps>;
|
|
22
|
-
export declare function Button({ fullWidth, disabled, loading, buttonStyle, size, tint, iconLeft, iconRight, caption, className, children, type, renderAs, ...props }: ButtonProps):
|
|
22
|
+
export declare function Button({ fullWidth, disabled, loading, buttonStyle, size, tint, iconLeft, iconRight, caption, className, children, type, renderAs, ...props }: ButtonProps): JSX.Element;
|
|
23
23
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAuC9C,MAAM,UAAU,MAAM,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,WAAW,GAAG,QAAQ,EACtB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,OAAO,EACd,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,QAAQ,EACR,GAAG,KAAK,EACI;IACZ,IAAI,OAAO,EAAE,CAAC;QACZ,QAAQ,GAAG,KAAC,OAAO,mBAAa,gBAAgB,EAAC,IAAI,EAAC,QAAQ,GAAG,CAAC;IACpE,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,QAAQ,GAAG,CACT,eAAK,SAAS,EAAC,kBAAkB,aAC9B,QAAQ,EACT,gBAAO,SAAS,EAAC,oBAAoB,YAAE,OAAO,GAAS,IACnD,CACP,CAAC;IACJ,CAAC;IAED,QAAQ,GAAG,CACT,8BACG,QAAQ,EACR,QAAQ,EACR,SAAS,IACT,CACJ,CAAC;IAEF,SAAS,GAAG,UAAU,CAAC,SAAS,EAAE;QAChC,WAAW,EAAE,IAAI;QACjB,sBAAsB,EAAE,SAAS;QACjC,mBAAmB,EAAE,OAAO;QAC5B,yBAAyB,EAAE,QAAQ;QACnC,0BAA0B,EAAE,SAAS;QACrC,CAAC,aAAa,IAAI,EAAE,CAAC,EAAE,IAAI;QAC3B,CAAC,kBAAkB,IAAI,EAAE,CAAC,EAAE,IAAI;QAChC,CAAC,mBAAmB,WAAW,EAAE,CAAC,EAAE,WAAW;KAChD,CAAC,CAAC;IAEH,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;QACnC,OAAO,QAAQ,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC3C,CAAC;IAED,OAAO,CACL,iBACE,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,SAAS,EAAE,SAAS,KAChB,KAAK,YAER,QAAQ,GACF,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { type ButtonProps } from './button.js';
|
|
2
2
|
export type IconButtonProps = Omit<ButtonProps, 'caption' | 'iconLeft' | 'iconRight'>;
|
|
3
|
-
export declare function IconButton({ className, children, ...props }: IconButtonProps): import("react
|
|
3
|
+
export declare function IconButton({ className, children, ...props }: IconButtonProps): import("react").JSX.Element;
|
|
@@ -4,5 +4,5 @@ type ButtonGroupBaseProps = {
|
|
|
4
4
|
children: JSX.Element | JSX.Element[];
|
|
5
5
|
};
|
|
6
6
|
export type ButtonGroupProps = ButtonGroupBaseProps & Omit<ButtonGroupHTMLProps, keyof ButtonGroupBaseProps>;
|
|
7
|
-
export declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps):
|
|
7
|
+
export declare function ButtonGroup({ className, children, ...props }: ButtonGroupProps): JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"button-group.js","sourceRoot":"","sources":["../../../src/components/button-group/button-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAiC,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAUxD,MAAM,UAAU,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACS;IACjB,OAAO,CACL,iBAAS,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,iBAAiB,CAAC,YAChE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -6,5 +6,5 @@ type CaptionBaseProps = {
|
|
|
6
6
|
color?: CaptionColor;
|
|
7
7
|
};
|
|
8
8
|
export type CaptionProps = CaptionBaseProps & Omit<CaptionHTMLProps, keyof CaptionBaseProps>;
|
|
9
|
-
export declare function Caption({ color, icon, children, className, ...props }: CaptionProps): import("react
|
|
9
|
+
export declare function Caption({ color, icon, children, className, ...props }: CaptionProps): import("react").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"caption.js","sourceRoot":"","sources":["../../../src/components/caption/caption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"caption.js","sourceRoot":"","sources":["../../../src/components/caption/caption.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAiBxD,MAAM,UAAU,OAAO,CAAC,EACtB,KAAK,GAAG,MAAM,EACd,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACK;IACb,OAAO,CACL,kBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,YAAY,EAAE,IAAI;YAClB,CAAC,oBAAoB,KAAK,EAAE,CAAC,EAAE,KAAK;SACrC,CAAC,aAED,IAAI;gBACH,CAAC,CAAC,eAAM,SAAS,EAAC,kBAAkB,YAAE,IAAI,GAAQ;gBAClD,CAAC,CAAC,IAAI,EACP,QAAQ,IACL,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -6,5 +6,5 @@ type CheckboxBaseProps = {
|
|
|
6
6
|
onToggle?: CheckboxToggleHandler;
|
|
7
7
|
};
|
|
8
8
|
export type CheckboxProps = CheckboxBaseProps & Omit<CheckboxHTMLProps, keyof CheckboxBaseProps>;
|
|
9
|
-
export declare function Checkbox({ hasMixedState, style, className, onChange, onToggle, ...props }: CheckboxProps): import("react
|
|
9
|
+
export declare function Checkbox({ hasMixedState, style, className, onChange, onToggle, ...props }: CheckboxProps): import("react").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAaxD,MAAM,UAAU,QAAQ,CAAC,EACvB,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACM;IACd,OAAO,CACL,iBAAO,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,SAAS,CAAC,aAClE,mBACM,KAAK,EACT,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,oBAAoB,EAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;wBACnC,QAAQ,CAAC,KAAK,CAAC,CAAC;oBAClB,CAAC;oBACD,IAAI,OAAO,QAAQ,KAAK,UAAU,EAAE,CAAC;wBACnC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;oBACjC,CAAC;gBACH,CAAC,GACD,EACF,eACE,SAAS,EAAC,oBAAoB,iBAClB,gBAAgB,iBACf,IAAI,YAEhB,aAAa;oBACZ,CAAC,CAAC,CACE,KAAC,QAAQ,IACP,SAAS,EAAC,mBAAmB,iBACjB,oBAAoB,GAChC,CACH;oBACH,CAAC,CAAC,CACE,KAAC,SAAS,IACR,SAAS,EAAC,mBAAmB,iBACjB,qBAAqB,GACjC,CACH,GACA,IACD,CACT,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,KAA4B;IAC7C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,YAET,eACE,CAAC,EAAC,sBAAsB,EACxB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,QAAQ,CAAC,KAA4B;IAC5C,OAAO,CACL,cACE,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,WAAW,EACnB,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,KACN,KAAK,YAET,eACE,CAAC,EAAC,UAAU,EACZ,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,GACrB,GACE,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -11,4 +11,4 @@ export type ColorPickerButtonProps<T extends string | number> = {
|
|
|
11
11
|
onChange?: ChangeEventHandler<HTMLInputElement>;
|
|
12
12
|
onChangeValue?: (value: T) => void;
|
|
13
13
|
};
|
|
14
|
-
export declare function ColorPickerButton<T extends string | number>({ style, className, label, name, color, value, checked, defaultChecked, onChange, onChangeValue, }: ColorPickerButtonProps<T>): import("react
|
|
14
|
+
export declare function ColorPickerButton<T extends string | number>({ style, className, label, name, color, value, checked, defaultChecked, onChange, onChangeValue, }: ColorPickerButtonProps<T>): import("react").JSX.Element;
|
|
@@ -15,5 +15,5 @@ type ColorPickerBaseProps<T extends ColorPickerValue> = {
|
|
|
15
15
|
onChangeValue?: (value: T) => void;
|
|
16
16
|
};
|
|
17
17
|
export type ColorPickerProps<T extends ColorPickerValue> = ColorPickerBaseProps<T> & Omit<ColorPickerHTMLProps, keyof ColorPickerBaseProps<T>>;
|
|
18
|
-
export declare function ColorPicker<T extends ColorPickerValue>({ className, name, disabled, options, value, defaultValue, onChange, onChangeValue, ...props }: ColorPickerProps<T>): import("react
|
|
18
|
+
export declare function ColorPicker<T extends ColorPickerValue>({ className, name, disabled, options, value, defaultValue, onChange, onChangeValue, ...props }: ColorPickerProps<T>): import("react").JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"color-picker.js","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgE,MAAM,OAAO,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAuB7D,MAAM,UAAU,WAAW,CAA6B,EACtD,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACY;IACpB,OAAO,CACL,sBACM,KAAK,EACT,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE;YAC/B,iBAAiB,EAAE,IAAI;YACvB,0BAA0B,EAAE,QAAQ;SACrC,CAAC,YAED,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,IAAI,OAA4B,CAAC;YACjC,IAAI,cAAmC,CAAC;YACxC,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;gBACxB,OAAO,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC;YACnC,CAAC;iBAAM,IAAI,YAAY,KAAK,SAAS,EAAE,CAAC;gBACtC,cAAc,GAAG,MAAM,CAAC,KAAK,KAAK,YAAY,CAAC;YACjD,CAAC;YACD,OAAO,CACL,KAAC,iBAAiB,IAEhB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IARvB,MAAM,CAAC,KAAK,CASjB,CACH,CAAC;QACJ,CAAC,CAAC,GACO,CACZ,CAAC;AACJ,CAAC"}
|
|
@@ -14,5 +14,5 @@ type CalendarDayBaseProps = {
|
|
|
14
14
|
isRangeEnd?: boolean;
|
|
15
15
|
};
|
|
16
16
|
export type CalendarDayProps = CalendarDayBaseProps & Omit<CalendarDayHTMLProps, keyof CalendarDayBaseProps>;
|
|
17
|
-
export declare function CalendarDay({ date, dateISO, locale, isSelected, isDisabled, isFocusable, isToday, isWeekend, inRange, isRangeStart, isRangeEnd, ...props }: CalendarDayProps): import("react
|
|
17
|
+
export declare function CalendarDay({ date, dateISO, locale, isSelected, isDisabled, isFocusable, isToday, isWeekend, inRange, isRangeStart, isRangeEnd, ...props }: CalendarDayProps): import("react").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-day.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-day.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;
|
|
1
|
+
{"version":3,"file":"calendar-day.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-day.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAoBxD,MAAM,UAAU,WAAW,CAAC,EAC1B,IAAI,EACJ,OAAO,EACP,MAAM,EACN,UAAU,EACV,UAAU,EACV,WAAW,EACX,OAAO,EACP,SAAS,EACT,OAAO,EACP,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACS;IACjB,OAAO,CACL,oBACM,KAAK,EACT,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;YACvC,0BAA0B,EAAE,UAAU;YACtC,uBAAuB,EAAE,OAAO;YAChC,yBAAyB,EAAE,SAAS;YACpC,0BAA0B,EAAE,OAAO;YACnC,6BAA6B,EAAE,YAAY;YAC3C,2BAA2B,EAAE,UAAU;SACxC,CAAC,EACF,QAAQ,EAAE,UAAU,EACpB,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,eACnB,OAAO,gBACN,IAAI,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,YAE9D,eAAM,SAAS,EAAC,uBAAuB,YACpC,IAAI,CAAC,OAAO,EAAE,GACV,GACA,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
import { type JSX } from 'react';
|
|
1
2
|
import { type Weekday } from './date-helpers.js';
|
|
2
3
|
export type CalendarGridHeadProps = {
|
|
3
4
|
locale?: string;
|
|
4
5
|
weekStartsOn?: Weekday;
|
|
5
6
|
};
|
|
6
|
-
export declare function CalendarGridHead({ locale, weekStartsOn, }: CalendarGridHeadProps):
|
|
7
|
+
export declare function CalendarGridHead({ locale, weekStartsOn, }: CalendarGridHeadProps): JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type JSX } from 'react';
|
|
1
2
|
import { type Weekday } from './date-helpers.js';
|
|
2
3
|
import { type CalendarDayProps } from './calendar-day.js';
|
|
3
4
|
export type GetCalendarDayProps = (date: Date) => Pick<CalendarDayProps, 'isSelected' | 'inRange' | 'isRangeStart' | 'isRangeEnd'>;
|
|
@@ -13,4 +14,4 @@ export type CalendarGridProps = {
|
|
|
13
14
|
onSelectDay(date: Date): void;
|
|
14
15
|
onChangeFocusDay(date: Date): void;
|
|
15
16
|
};
|
|
16
|
-
export declare function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }: CalendarGridProps):
|
|
17
|
+
export declare function CalendarGrid({ focusDay, minDate, maxDate, locale, weekStartsOn, getDayProps, onHoverDay, onFocusDay, onSelectDay, onChangeFocusDay, }: CalendarGridProps): JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { type JSX } from 'react';
|
|
1
2
|
export type CalendarHeaderProps = {
|
|
2
3
|
focusDay: Date;
|
|
3
4
|
onChangeFocusDay: (date: Date) => void;
|
|
@@ -8,4 +9,4 @@ export type CalendarHeaderProps = {
|
|
|
8
9
|
monthSelectLabel?: string;
|
|
9
10
|
yearInputLabel?: string;
|
|
10
11
|
};
|
|
11
|
-
export declare function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel, prevMonthButtonLabel, monthSelectLabel, yearInputLabel, }: CalendarHeaderProps):
|
|
12
|
+
export declare function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel, prevMonthButtonLabel, monthSelectLabel, yearInputLabel, }: CalendarHeaderProps): JSX.Element;
|
|
@@ -1,25 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { MONTHS_IN_YEAR, addMonths, setDateMonth, setDateYear } from './date-helpers.js';
|
|
3
3
|
import { classNames } from '../../lib/react-helpers.js';
|
|
4
|
-
import {
|
|
4
|
+
import {} from 'react';
|
|
5
5
|
import { IconButton } from '../button/index.js';
|
|
6
6
|
import { Select } from '../select/index.js';
|
|
7
7
|
import { TextInput } from '../text-input/index.js';
|
|
8
8
|
export function CalendarHeader({ focusDay, onChangeFocusDay, className, locale, nextMonthButtonLabel = 'next month', prevMonthButtonLabel = 'previous month', monthSelectLabel = 'month', yearInputLabel = 'year', }) {
|
|
9
9
|
const selectedYear = focusDay.getFullYear();
|
|
10
10
|
const selectedMonth = focusDay.getMonth();
|
|
11
|
-
const [year, setYear] = useState(formatYear(selectedYear));
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
setYear((prevYear) => (parseYear(prevYear) === selectedYear
|
|
14
|
-
? prevYear
|
|
15
|
-
: formatYear(selectedYear)));
|
|
16
|
-
}, [selectedYear]);
|
|
17
11
|
return (_jsxs("div", { className: classNames('dc-calendar__header', className), children: [_jsx(IconButton, { className: "dc-calendar-prev-month", size: "sm", "aria-label": prevMonthButtonLabel, onClick: () => onChangeFocusDay(addMonths(focusDay, -1)), children: _jsx(ChevronLeftIcon, { width: "1.15em", height: "1.15em", strokeWidth: 2 }) }), _jsx(Select, { className: "dc-calendar-month-select", "aria-label": monthSelectLabel, size: "sm", name: "month", value: selectedMonth, onChange: (event) => {
|
|
18
12
|
const month = Number(event.target.value);
|
|
19
13
|
onChangeFocusDay(setDateMonth(focusDay, month));
|
|
20
|
-
}, children: generateMonthOptions(locale) }), _jsx(TextInput, { className: "dc-calendar-year-input", "aria-label": yearInputLabel, size: "sm", sizeInChars: 4,
|
|
14
|
+
}, children: generateMonthOptions(locale) }), _jsx(TextInput, { className: "dc-calendar-year-input", "aria-label": yearInputLabel, size: "sm", sizeInChars: 4, defaultValue: selectedYear, maxLength: 4, onBlur: (event) => {
|
|
15
|
+
event.target.value = formatYear(selectedYear);
|
|
16
|
+
}, onChangeValue: (value) => {
|
|
21
17
|
if (value.match(/^\d*$/)) {
|
|
22
|
-
setYear(value);
|
|
23
18
|
onChangeFocusDay(setDateYear(focusDay, parseYear(value)));
|
|
24
19
|
}
|
|
25
20
|
} }), _jsx(IconButton, { className: "dc-calendar-next-month", size: "sm", "aria-label": nextMonthButtonLabel, onClick: () => onChangeFocusDay(addMonths(focusDay, 1)), children: _jsx(ChevronRightIcon, { width: "1.15em", height: "1.15em", strokeWidth: 2 }) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-header.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAiC,
|
|
1
|
+
{"version":3,"file":"calendar-header.js","sourceRoot":"","sources":["../../../src/components/date-picker/calendar-header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,5 +9,5 @@ export type CalendarProps = CalendarHeaderPassedProps & CalendarGridPassedProps
|
|
|
9
9
|
defaultFocusDay?: Date | null;
|
|
10
10
|
onFocusDay?: (date: Date) => void;
|
|
11
11
|
};
|
|
12
|
-
export declare function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }: CalendarProps): import("react
|
|
12
|
+
export declare function Calendar({ className, defaultFocusDay, minDate, maxDate, locale, weekStartsOn, nextMonthButtonLabel, prevMonthButtonLabel, getDayProps, onHoverDay, onFocusDay, onSelectDay, }: CalendarProps): import("react").JSX.Element;
|
|
13
13
|
export {};
|
|
@@ -10,5 +10,5 @@ export type DatePickerProps = DatePickerHTMLProps & CalendarPassedProps & {
|
|
|
10
10
|
value: DateISO | null;
|
|
11
11
|
onChangeValue: (value: DateISO) => void;
|
|
12
12
|
};
|
|
13
|
-
export declare function DatePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DatePickerProps): import("react
|
|
13
|
+
export declare function DatePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DatePickerProps): import("react").JSX.Element;
|
|
14
14
|
export {};
|
|
@@ -11,5 +11,5 @@ export type DateRangePickerProps = CalendarPassedProps & DateRangePickerHTMLProp
|
|
|
11
11
|
value: DateISORange | null;
|
|
12
12
|
onChangeValue: (value: DateISORange) => void;
|
|
13
13
|
};
|
|
14
|
-
export declare function DateRangePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DateRangePickerProps): import("react
|
|
14
|
+
export declare function DateRangePicker({ value, onChangeValue, weekStartsOn, min, max, locale, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, className, ...props }: DateRangePickerProps): import("react").JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -18,4 +18,4 @@ export type DatePickerPopoverProps = Pick<DatePickerProps, 'min' | 'max' | 'loca
|
|
|
18
18
|
children: DatePickerPopoverChildren;
|
|
19
19
|
onChangeValue: DatePickerChangeHandler;
|
|
20
20
|
};
|
|
21
|
-
export declare function DatePickerPopover({ className, defaultIsOpen, placement, value, footer, children, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps):
|
|
21
|
+
export declare function DatePickerPopover({ className, defaultIsOpen, placement, value, footer, children, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DatePickerPopoverProps): JSX.Element;
|
|
@@ -6,4 +6,4 @@ export type DateRangePickerPopoverFooterProps = {
|
|
|
6
6
|
onClickCancelButton: MouseEventHandler<HTMLButtonElement>;
|
|
7
7
|
onClickConfirmButton: MouseEventHandler<HTMLButtonElement>;
|
|
8
8
|
};
|
|
9
|
-
export declare function DateRangePickerPopoverFooter({ children, cancelButtonLabel, confirmButtonLabel, onClickCancelButton, onClickConfirmButton, }: DateRangePickerPopoverFooterProps): import("react
|
|
9
|
+
export declare function DateRangePickerPopoverFooter({ children, cancelButtonLabel, confirmButtonLabel, onClickCancelButton, onClickConfirmButton, }: DateRangePickerPopoverFooterProps): import("react").JSX.Element;
|
|
@@ -6,4 +6,4 @@ export type DateRangePickerPopoverPresetsProps = {
|
|
|
6
6
|
value: DateRangePickerPopoverSelection | null;
|
|
7
7
|
onChangeValue: (value: DateRangePickerPopoverSelection) => void;
|
|
8
8
|
};
|
|
9
|
-
export declare function DateRangePickerPopoverPresets({ isCompactView, customPresetLabel, options, value, onChangeValue, }: DateRangePickerPopoverPresetsProps): import("react
|
|
9
|
+
export declare function DateRangePickerPopoverPresets({ isCompactView, customPresetLabel, options, value, onChangeValue, }: DateRangePickerPopoverPresetsProps): import("react").JSX.Element;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"presets calendar"
|
|
5
5
|
"footer footer";
|
|
6
6
|
grid-template-columns: auto 1fr;
|
|
7
|
-
|
|
7
|
+
gap: 20px 24px;
|
|
8
8
|
max-width: none;
|
|
9
9
|
color-scheme: light;
|
|
10
10
|
}
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
grid-area: footer;
|
|
43
43
|
grid-template-areas: "content cancel confirm";
|
|
44
44
|
grid-template-columns: 1fr auto auto;
|
|
45
|
-
|
|
45
|
+
gap: 8px;
|
|
46
46
|
align-items: center;
|
|
47
47
|
font: var(--dc-text-xs);
|
|
48
48
|
}
|
|
@@ -26,4 +26,4 @@ export type DateRangePickerPopoverProps = Pick<DateRangePickerProps, 'min' | 'ma
|
|
|
26
26
|
children: DateRangePickerPopoverChildren;
|
|
27
27
|
onChangeValue: (value: DateRangePickerPopoverSelection) => void;
|
|
28
28
|
};
|
|
29
|
-
export declare function DateRangePickerPopover({ className, defaultIsOpen, placement, compactViewBreakpoint, customPreset, customPresetLabel, cancelButtonLabel, confirmButtonLabel, options, value, footer, children, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DateRangePickerPopoverProps):
|
|
29
|
+
export declare function DateRangePickerPopover({ className, defaultIsOpen, placement, compactViewBreakpoint, customPreset, customPresetLabel, cancelButtonLabel, confirmButtonLabel, options, value, footer, children, onChangeValue, min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, monthSelectLabel, yearInputLabel, }: DateRangePickerPopoverProps): JSX.Element;
|
|
@@ -36,8 +36,8 @@ min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, mont
|
|
|
36
36
|
popoverApi.close();
|
|
37
37
|
}
|
|
38
38
|
function handleChangeDateRange(range) {
|
|
39
|
-
const
|
|
40
|
-
const selectedOption = findSelectedOption(
|
|
39
|
+
const newSelection = { range, preset: customPreset };
|
|
40
|
+
const selectedOption = findSelectedOption(newSelection, options);
|
|
41
41
|
if (selectedOption) {
|
|
42
42
|
setSelection({
|
|
43
43
|
preset: selectedOption.preset,
|
|
@@ -45,7 +45,14 @@ min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, mont
|
|
|
45
45
|
});
|
|
46
46
|
}
|
|
47
47
|
else {
|
|
48
|
-
setSelection(
|
|
48
|
+
setSelection(newSelection);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
const [prevValue, setPrevValue] = useState(value);
|
|
52
|
+
if (value !== prevValue) {
|
|
53
|
+
setPrevValue(value);
|
|
54
|
+
if (isValueChanged(selection, value)) {
|
|
55
|
+
setSelection(value);
|
|
49
56
|
}
|
|
50
57
|
}
|
|
51
58
|
return (_jsxs(Popover, { className: classNames(className, {
|
|
@@ -53,4 +60,18 @@ min, max, locale, weekStartsOn, prevMonthButtonLabel, nextMonthButtonLabel, mont
|
|
|
53
60
|
'dc-date-range-picker-popover_compact': isCompactView,
|
|
54
61
|
}), "data-testid": "date-range-picker-popover", placement: placement, isOpen: isOpen, onClose: popoverApi.close, onUnmount: () => setSelection(value), renderAnchor: ({ ref }) => children({ ref, ...popoverApi }), children: [options.length > 0 && (_jsx(DateRangePickerPopoverPresets, { isCompactView: isCompactView, customPresetLabel: customPresetLabel, options: options, value: selection, onChangeValue: setSelection })), _jsx(DateRangePicker, { className: "dc-date-range-picker-popover__calendar", min: min, max: max, locale: locale, weekStartsOn: weekStartsOn, prevMonthButtonLabel: prevMonthButtonLabel, nextMonthButtonLabel: nextMonthButtonLabel, monthSelectLabel: monthSelectLabel, yearInputLabel: yearInputLabel, value: selection && selection.range, onChangeValue: handleChangeDateRange }), _jsx(DateRangePickerPopoverFooter, { cancelButtonLabel: cancelButtonLabel, confirmButtonLabel: confirmButtonLabel, onClickCancelButton: handleClickCancelButton, onClickConfirmButton: handleClickConfirmButton, children: typeof footer === 'function' ? footer({ selection }) : footer })] }));
|
|
55
62
|
}
|
|
63
|
+
function isValueChanged(prev, next) {
|
|
64
|
+
if (!prev && next) {
|
|
65
|
+
return true;
|
|
66
|
+
}
|
|
67
|
+
if (prev && !next) {
|
|
68
|
+
return true;
|
|
69
|
+
}
|
|
70
|
+
if (prev && next) {
|
|
71
|
+
return prev.preset !== next.preset
|
|
72
|
+
|| prev.range.start !== next.range.start
|
|
73
|
+
|| prev.range.end !== next.range.end;
|
|
74
|
+
}
|
|
75
|
+
return false;
|
|
76
|
+
}
|
|
56
77
|
//# sourceMappingURL=date-range-picker-popover.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-range-picker-popover.js","sourceRoot":"","sources":["../../../src/components/date-range-picker-popover/date-range-picker-popover.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,MAAM,8BAA8B,CAAC;AACjE,OAAO,EAA2E,MAAM,YAAY,CAAC;AACrG,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAA8C,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,OAAO,EAAyB,MAAM,qBAAqB,CAAC;AACrE,OAAO,EAAE,eAAe,EAA6B,MAAM,yBAAyB,CAAC;AACrF,OAAO,EAAE,4BAA4B,EAAE,MAAM,uCAAuC,CAAC;AACrF,OAAO,EAAE,6BAA6B,EAAE,MAAM,wCAAwC,CAAC;AAsCvF,MAAM,UAAU,sBAAsB,CAAC,EACrC,SAAS,EACT,aAAa,GAAG,KAAK,EACrB,SAAS,GAAG,cAAc,EAC1B,qBAAqB,GAAG,oBAAoB,EAC5C,YAAY,GAAG,QAAQ,EACvB,iBAAiB,GAAG,oBAAoB,EACxC,iBAAiB,GAAG,QAAQ,EAC5B,kBAAkB,GAAG,SAAS,EAC9B,OAAO,GAAG,EAAE,EACZ,KAAK,EACL,MAAM,EACN,QAAQ,EACR,aAAa;AACb,uBAAuB;AACvB,GAAG,EACH,GAAG,EACH,MAAM,EACN,YAAY,EACZ,oBAAoB,EACpB,oBAAoB,EACpB,gBAAgB,EAChB,cAAc,GACc;IAC5B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC;QAChC,IAAI,EAAE,GAAG,EAAE;YACT,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,KAAK,EAAE,GAAG,EAAE;YACV,SAAS,CAAC,KAAK,CAAC,CAAC;QACnB,CAAC;QACD,MAAM,EAAE,GAAG,EAAE;YACX,SAAS,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QACjC,CAAC;KACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IACjB,MAAM,aAAa,GAAG,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAE9D,SAAS,uBAAuB;QAC9B,UAAU,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,SAAS,wBAAwB;QAC/B,IAAI,SAAS,EAAE,CAAC;YACd,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC;QACD,UAAU,CAAC,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,SAAS,qBAAqB,CAAC,KAAmB;QAChD,MAAM,
|
|
1
|
+
{"version":3,"file":"date-range-picker-popover.js","sourceRoot":"","sources":["../../../src/components/date-range-picker-popover/date-range-picker-popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,5 +6,5 @@ type DialogBodyBaseProps = {
|
|
|
6
6
|
shouldShowScrollShadow?: boolean;
|
|
7
7
|
};
|
|
8
8
|
export type DialogBodyProps = DialogBodyBaseProps & Omit<DialogBodyHTMLProps, keyof DialogBodyBaseProps>;
|
|
9
|
-
export declare function DialogBody({ className, hasTopDelimiter: hasBorderTop, hasBottomDelimiter: hasBorderBottom, shouldShowScrollShadow, onScroll, ...props }: DialogBodyProps): import("react
|
|
9
|
+
export declare function DialogBody({ className, hasTopDelimiter: hasBorderTop, hasBottomDelimiter: hasBorderBottom, shouldShowScrollShadow, onScroll, ...props }: DialogBodyProps): import("react").JSX.Element;
|
|
10
10
|
export {};
|