@npm_leadtech/legal-lib-components 2.21.0 → 2.21.1

package/dist/cjs/legal-lib-components.css

@@ -1960,6 +1960,38 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   border-radius: 5px;
   font-family: "Inter", sans-serif; }
 
+.native-datepicker {
+  max-width: 55%;
+  width: 100%;
+  display: flex;
+  flex-flow: column;
+  margin-bottom: 2rem; }
+  .native-datepicker__inner {
+    margin-bottom: 0.5rem; }
+  .native-datepicker__label {
+    font-weight: bold; }
+  .native-datepicker input {
+    color: var(--neutral-main);
+    border-radius: 4px;
+    font-size: 1rem;
+    background-color: var(--neutral-neutral-4);
+    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48IS0tR2VuZXJhdG9yOiBza2V0Y2h0b29sIDYwICgxMDEwMTApIC0gaHR0cHM6Ly9za2V0Y2guY29tLS0+PHRpdGxlPjNEODAzNjU0LUI3NjEtNEZEQy05MThDLTc1QzUwMjdEODcyMDwvdGl0bGU+PGRlc2M+Q3JlYXRlZCB3aXRoIHNrZXRjaHRvb2wuPC9kZXNjPjxkZWZzPjxwYXRoIGQ9Ik0yMiwzIEwxOSwzIEwxOSwxIEwxNywxIEwxNywzIEw3LDMgTDcsMSBMNSwxIEw1LDMgTDIsMyBMMiwyMyBMMjIsMjMgTDIyLDMgWiBNMjAsMjEgTDQsMjEgTDQsOCBMMjAsOCBMMjAsMjEgWiIgaWQ9InBhdGgtMSIvPjwvZGVmcz48ZyBpZD0iQXNzZXQtQXJ0Ym9hcmQtUGFnZSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24vbmF2aWdhdGlvbi9leHBhbmRfbW9yZV8yNHB4LWljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiPjxtYXNrIGlkPSJtYXNrLTIiIGZpbGw9IndoaXRlIj48dXNlIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48L21hc2s+PGcgaWQ9Imljb24vYWN0aW9uL2NhbGVuZGFyX3RvZGF5XzI0cHgiIGZpbGwtcnVsZT0ibm9uemVybyIvPjxnIGlkPSLihrMtQ29sb3ItY29sb3ItLy1JY29ucy0vLUJsYWNrLS8tSW5hY3RpdmUiIG1hc2s9InVybCgjbWFzay0yKSIgZmlsbD0iIzQzNDM0MyI+PHJlY3QgaWQ9IlJlY3RhbmdsZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+PC9nPjwvZz48L2c+PC9zdmc+);
+    background-position: 95% 50%;
+    background-repeat: no-repeat;
+    height: 40px;
+    width: 100%;
+    padding: .75rem;
+    padding-right: 1.8rem;
+    transition: box-shadow .3s ease;
+    box-shadow: 0 0 0 0 var(--primary-main-light-4);
+    margin: .0005em;
+    border: none; }
+    .native-datepicker input::-webkit-calendar-picker-indicator {
+      background: transparent; }
+    .native-datepicker input:focus {
+      outline: none;
+      box-shadow: 0 0 0 2px var(--primary-main-light-1); }
+
 .paypal-button {
   padding: 0;
   border: none;

package/dist/cjs/src/components/atoms/NativeDatePicker/NativeDatePicker.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type NativeDatePickerProps } from './NativeDatePickerProps.types';
+import './NativeDatePicker.scss';
+export declare const NativeDatePicker: FC<NativeDatePickerProps>;

package/dist/cjs/src/components/atoms/NativeDatePicker/NativeDatePickerProps.types.d.ts

@@ -0,0 +1,13 @@
+interface DateObject {
+    target: {
+        name: string;
+        value: Date;
+    };
+}
+export interface NativeDatePickerProps {
+    onChange: (dateObect: DateObject) => void;
+    name: string;
+    value?: string;
+    label?: string;
+}
+export {};

package/dist/cjs/src/components/atoms/NativeDatePicker/index.d.ts

@@ -0,0 +1,2 @@
+export { NativeDatePicker } from './NativeDatePicker';
+export { type NativeDatePickerProps } from './NativeDatePickerProps.types';

package/dist/cjs/src/components/atoms/index.d.ts

@@ -22,6 +22,7 @@ export * from './Logo';
 export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
+export * from './NativeDatePicker';
 export * from './PaypalButton';
 export * from './ProgressBar';
 export * from './Radio';