@delightui/components 0.1.92 → 0.1.93

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.
@@ -24,6 +24,8 @@ declare const usePresenter: (props: DatePickerProps) => {
24
24
  parseDate?: (date: string, format?: string) => Date;
25
25
  allowInput?: boolean;
26
26
  placeholder?: string;
27
+ leadingIcon?: React.ReactNode;
28
+ trailingIcon?: React.ReactNode;
27
29
  };
28
30
  onInputBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
29
31
  inputLeadingIcon: false | import("react/jsx-runtime").JSX.Element | undefined;
@@ -95,6 +95,14 @@ export type DatePickerProps = ControlledFormComponentProps<string | Date | (stri
95
95
  * Placeholder text for the date picker input
96
96
  */
97
97
  placeholder?: string;
98
+ /**
99
+ * Icon to be displayed before the input.
100
+ */
101
+ leadingIcon?: React.ReactNode;
102
+ /**
103
+ * Icon to be displayed after the input.
104
+ */
105
+ trailingIcon?: React.ReactNode;
98
106
  };
99
107
  export type CustomTimePickerConfig = {
100
108
  minuteStep: number;
@@ -415,6 +415,7 @@
415
415
  .TextArea-module_textArea__JVHCu {
416
416
  display: flex;
417
417
  height: var(--text-area-height);
418
+ min-height: var(--text-area-min-height);
418
419
  -moz-column-gap: var(--text-area-column-gap);
419
420
  column-gap: var(--text-area-column-gap);
420
421
  border-bottom-width: var(--text-area-border-bottom-width);
@@ -3204,6 +3205,7 @@ span.flatpickr-weekday {
3204
3205
  --modal-position-top: 50%;
3205
3206
  --modal-position-left: 50%;
3206
3207
  --modal-content-height: fit-content;
3208
+ --modal-content-width: auto;
3207
3209
  display: flex;
3208
3210
  flex-direction: column;
3209
3211
  position: fixed;
@@ -3256,7 +3258,7 @@ span.flatpickr-weekday {
3256
3258
  height: fit-content;
3257
3259
  }
3258
3260
  .Modal-module_modal__b2VqT .Modal-module_content__JquMo {
3259
- width: auto;
3261
+ width: var(--modal-content-width);
3260
3262
  height: var(--modal-content-height);
3261
3263
  }
3262
3264
  .Modal-module_backdrop__62XUz {
@@ -4383,6 +4385,7 @@ span.flatpickr-weekday {
4383
4385
  --modal-background-color: var(--slide-out-panel-background-color);
4384
4386
  --modal-color: var(--slide-out-panel-color);
4385
4387
  --modal-content-height: 100%;
4388
+ --modal-content-width: 100%;
4386
4389
  }
4387
4390
  .SlideOutPanel-module_slideOutPanel__eBr9a .SlideOutPanel-module_form__lv6bn {
4388
4391
  height: 100%;
@@ -13319,6 +13322,7 @@ span.flatpickr-weekday {
13319
13322
  }
13320
13323
  [data-theme='dark'] [component-variant="text-area-default"], [data-theme='light'] [component-variant="text-area-default"] {
13321
13324
  --text-area-height: 64px;
13325
+ --text-area-min-height: 64px;
13322
13326
  --text-area-width: 284px;
13323
13327
  --text-area-background-color: var(--interactive-surface-secondary-default);
13324
13328
  --text-area-color: var(--text-secondary);