@dynamic-framework/ui-react 1.19.1 → 1.20.0

package/dist/types/components/DDatePicker/DDatePicker.d.ts

@@ -5,6 +5,7 @@ type Props<CustomModifierNames extends string = never, WithRange extends boolean
     date?: string | null;
     selectsRange?: boolean;
     inputLabel?: string;
+    inputHint?: string;
     inputAriaLabel?: string;
     inputActionAriaLabel?: string;
     iconInput?: string;
@@ -21,6 +22,8 @@ type Props<CustomModifierNames extends string = never, WithRange extends boolean
     locale?: Locale;
     minYearSelect?: number;
     maxYearSelect?: number;
+    invalid?: boolean;
+    valid?: boolean;
 };
-export default function DDatePicker<CustomModifierNames extends string = never, WithRange extends boolean | undefined = undefined>({ date, selectsRange, inputLabel, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeLabel, iconInput: iconInputProp, iconHeaderPrevMonth: iconHeaderPrevMonthProp, iconHeaderNextMonth: iconHeaderNextMonthProp, iconMaterialStyle: iconMaterialStyleProp, iconFamilyClass, iconFamilyPrefix, minYearSelect, maxYearSelect, iconHeaderSize, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, headerButtonVariant, headerButtonTheme, locale, className, formatWeekDay: formatWeekDayProp, style, ...props }: Props<CustomModifierNames, WithRange>): import("react/jsx-runtime").JSX.Element;
+export default function DDatePicker<CustomModifierNames extends string = never, WithRange extends boolean | undefined = undefined>({ date, selectsRange, inputLabel, inputHint, inputAriaLabel, inputActionAriaLabel, inputId, timeId, timeLabel, iconInput: iconInputProp, iconHeaderPrevMonth: iconHeaderPrevMonthProp, iconHeaderNextMonth: iconHeaderNextMonthProp, iconMaterialStyle: iconMaterialStyleProp, iconFamilyClass, iconFamilyPrefix, minYearSelect, maxYearSelect, iconHeaderSize, headerPrevMonthAriaLabel, headerNextMonthAriaLabel, headerButtonVariant, headerButtonTheme, invalid, valid, locale, className, formatWeekDay: formatWeekDayProp, style, ...props }: Props<CustomModifierNames, WithRange>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/DDatePickerInput/DDatePickerInput.d.ts

@@ -5,6 +5,6 @@ type Props = BaseProps & {
     value?: string;
     onClick?: () => void;
     inputLabel?: string;
-} & Omit<ComponentProps<typeof DInput>, 'type' | 'isReadOnly' | 'onIconEndClick' | 'value'>;
+} & Omit<ComponentProps<typeof DInput>, 'type' | 'onIconEndClick' | 'value'>;
 declare const ForwardedDDatePickerInput: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export default ForwardedDDatePickerInput;

package/package.json

@@ -3,7 +3,7 @@
   "sideEffects": [
     "*.css"
   ],
-  "version": "1.19.1",
+  "version": "1.20.0",
   "description": "React Dynamic Framework",
   "license": "https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md",
   "repository": {
@@ -149,5 +149,5 @@
     "react-dom": "^18.2.0",
     "react-i18next": "^13.3.1"
   },
-  "gitHead": "a8a398fe7b2718df5329a1f1ca6d38aa36b8ef02"
+  "gitHead": "390121896cb0178e9faf24aef8f1da30a55fa6bf"
 }

package/src/style/components/_d-input-pin.scss

@@ -9,7 +9,7 @@
   flex-direction: column;
   align-items: flex-start;
 
-  form {
+  .d-input-pin-group {
     display: flex;
     flex-direction: row;
     gap: var(--#{$prefix}input-pin-form-gap);

package/src/style/components/_d-select.scss

@@ -101,6 +101,7 @@
   // select menu
   .d-select__menu-list {
     top: calc(var(--#{$prefix}input-border-width) * 2);
+    margin: calc(var(--#{$prefix}input-border-width) * -1);
     background: $input-bg;
     border-radius: var(--#{$prefix}input-border-radius);
     box-shadow: var(--#{$prefix}select-menu-shadow);