@delightui/components 0.1.146 → 0.1.148

package/dist/esm/components/atoms/Chip/ChipExample.d.ts

@@ -0,0 +1,2 @@
+declare const ChipExample: () => import("react/jsx-runtime").JSX.Element;
+export default ChipExample;

package/dist/esm/components/organisms/Dropzone/Dropzone.types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { ButtonProps, IconButtonProps, TextProps } from '../../atoms';
 import { ControlledFormComponentProps } from '../../molecules/FormField/FormField.types';
 export type DropzoneStatus = 'Empty' | 'Loading' | 'Uploaded';
@@ -101,3 +101,4 @@ export type DropzoneFilenameProps = TextProps & {
      */
     fileIndex?: number;
 };
+export type DropzoneDragProps = HTMLAttributes<HTMLDivElement>;

package/dist/esm/components/organisms/Dropzone/components/DropzoneDrag.d.ts

@@ -0,0 +1,3 @@
+import { DropzoneDragProps } from '../Dropzone.types';
+declare const DropzoneDrag: (props: DropzoneDragProps) => import("react/jsx-runtime").JSX.Element;
+export default DropzoneDrag;

package/dist/esm/components/organisms/DropzoneContent/DropzoneContent.types.d.ts

@@ -1,4 +1,4 @@
-type DropzoneContentTypeEnum = 'Empty' | 'Uploaded' | 'Loading';
+type DropzoneContentTypeEnum = 'Empty' | 'Uploaded' | 'Loading' | 'Drag';
 type DropzoneContentProps = {
     className?: string;
     type: DropzoneContentTypeEnum;

package/dist/esm/library.css

@@ -319,6 +319,7 @@
 }
 .Input-module_input__NAeHe {
   display: flex;
+  align-items: center;
   height: var(--input-height);
   row-gap: var(--input-row-gap);
   -moz-column-gap: var(--input-column-gap);
@@ -362,10 +363,14 @@
 .Input-module_input__NAeHe .Input-module_trailingIcon__UDufB {
   padding-right: var(--input-column-gap);
   align-self: center;
+  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
+  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
 }
 .Input-module_input__NAeHe .Input-module_leadingIcon__bUFw5 {
   padding-left: var(--input-column-gap);
   align-self: center;
+  padding-top: calc(var(--input-padding-top) - var(--input-border-top-width));
+  padding-bottom: calc(var(--input-padding-bottom) - var(--input-border-bottom-width));
 }
 .Input-module_input__NAeHe .Input-module_error__qP189 {
   --a: 100;
@@ -418,11 +423,9 @@
   --input-placeholder-paragraph-indent: var(--password-placeholder-paragraph-indent);
 }
 .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr {
-  padding: 0;
   border: none;
 }
 .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:hover, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:active, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:focus-visible, .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr:disabled {
-  padding: 0;
   border: none;
 }
 .Password-module_password__nk-zf.Password-module_password__nk-zf .Password-module_toggle__1yQxr .Password-module_hide__N8Nxt {
@@ -911,11 +914,11 @@
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
-  gap: var(--chip-icon-content-container-row-gap) var(--chip-icon-content-container-column-gap);
-  padding-top: var(--chip-icon-content-container-padding-top);
-  padding-bottom: var(--chip-icon-content-container-padding-bottom);
-  padding-left: var(--chip-icon-content-container-padding-left);
-  padding-right: var(--chip-icon-content-container-padding-right);
+  gap: var(--chip-content-row-gap) var(--chip-content-column-gap);
+  padding-top: var(--chip-content-padding-top);
+  padding-bottom: var(--chip-content-padding-bottom);
+  padding-left: var(--chip-content-padding-left);
+  padding-right: var(--chip-content-padding-right);
 }
 .Chip-module_chip__gFkbn .Chip-module_leadingIcon__wzuFC,
 .Chip-module_chip__gFkbn .Chip-module_trailingIcon__jGkIh {
@@ -2012,10 +2015,10 @@ ul.ButtonGroup-module_buttonGroup__s1X98[component-variant=button-group-vertical
   --input-border-bottom-left-radius: var(--date-input-border-bottom-left-radius);
   --input-background-color: var(--date-input-background-color);
   --input-color: var(--date-input-color);
-  --input-padding-top: calc(var(--date-input-padding-top) - var(--date-input-border-top-width));
-  --input-padding-bottom: calc(var(--date-input-padding-bottom) - var(--date-input-border-bottom-width));
-  --input-padding-left: calc(var(--date-input-padding-left) - var(--date-input-border-left-width));
-  --input-padding-right: calc(var(--date-input-padding-right) - var(--date-input-border-right-width));
+  --input-padding-top: var(--date-input-padding-top);
+  --input-padding-bottom: var(--date-input-padding-bottom);
+  --input-padding-left: var(--date-input-padding-left);
+  --input-padding-right: var(--date-input-padding-right);
   --input-font-family: var(--date-input-font-family);
   --input-font-weight: var(--date-input-font-weight);
   --input-font-size: var(--date-input-font-size);
@@ -2974,13 +2977,8 @@ span.flatpickr-weekday {
   -moz-column-gap: var(--date-picker-months-trigger-column-gap);
        column-gap: var(--date-picker-months-trigger-column-gap);
   row-gap: var(--date-picker-months-trigger-row-gap);
-  padding-top: var(--date-picker-months-trigger-padding-top);
-  padding-bottom: var(--date-picker-months-trigger-padding-bottom);
-  padding-left: var(--date-picker-months-trigger-padding-left);
-  padding-right: var(--date-picker-months-trigger-padding-right);
 }
 .flatpickr-calendar .flatpickr-months .flatpickr-current-month {
-  color: var(--date-picker-cur-month-color);
   display: contents;
   font-family: var(--date-picker-months-trigger-font-family);
   font-size: var(--date-picker-months-trigger-font-size);
@@ -3001,6 +2999,10 @@ span.flatpickr-weekday {
   font-weight: var(--date-picker-months-trigger-font-weight);
   line-height: var(--date-picker-months-trigger-line-height);
   color: var(--date-picker-months-trigger-color);
+  padding-top: var(--date-picker-months-trigger-padding-top);
+  padding-bottom: var(--date-picker-months-trigger-padding-bottom);
+  padding-left: var(--date-picker-months-trigger-padding-left);
+  padding-right: var(--date-picker-months-trigger-padding-right);
 }
 .flatpickr-calendar .flatpickr-months .flatpickr-current-month .flatpickr-monthDropdown-months::-ms-expand {
   display: none;
@@ -3018,8 +3020,10 @@ span.flatpickr-weekday {
 }
 .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year {
   border-radius: var(--corner-radius-extra-small);
-  padding-left: var(--spacing-space-5);
-  padding-right: var(--spacing-space-5);
+  padding-left: var(--date-picker-months-trigger-padding-left);
+  padding-right: var(--date-picker-months-trigger-padding-right);
+  padding-top: var(--date-picker-months-trigger-padding-top);
+  padding-bottom: var(--date-picker-months-trigger-padding-bottom);
 }
 .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:hover {
   cursor: pointer;
@@ -3027,7 +3031,12 @@ span.flatpickr-weekday {
 }
 .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:focus, .flatpickr-calendar .flatpickr-months .flatpickr-current-month .numInput.cur-year:active {
   cursor: text;
-  outline: 1px solid var(--border-border-grey-4);
+  outline: none;
+  border: 1px solid var(--border-border-4, var(--border-primary));
+  padding-left: calc(var(--date-picker-months-trigger-padding-left) - 1px);
+  padding-right: calc(var(--date-picker-months-trigger-padding-right) - 1px);
+  padding-top: calc(var(--date-picker-months-trigger-padding-top) - 1px);
+  padding-bottom: calc(var(--date-picker-months-trigger-padding-bottom) - 1px);
   background-color: var(--surface-background-3);
   color: var(--text-primary);
 }
@@ -4169,6 +4178,8 @@ span.flatpickr-weekday {
   --spinner__width: 4rem;
   --spinner__height: 4rem;
   --spinner__border-width: 6px;
+  --spinner-inner-width: 4rem;
+  --spinner-inner-height: 4rem;
   --spinner-border-color: var(--icon-primary);
 }
 .DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
@@ -4179,6 +4190,16 @@ span.flatpickr-weekday {
   display: block;
   color: rgb(233, 233, 234);
 }
+.DropzoneContent-module_dropzoneContent__UjfAn .DropzoneContent-module_dropzoneDrag__PlBJv {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  border-style: dashed;
+  border-width: 1px;
+  border-color: var(--colours-grey-450);
+  background-color: rgb(128, 128, 128);
+  opacity: 0.5;
+}
 .DropzoneContent-module_type--Empty__5ejbg {
   display: flex;
   flex-flow: column nowrap;
@@ -4226,6 +4247,8 @@ span.flatpickr-weekday {
 }
 .DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneSupportedFormats__mEgzt {
   color: var(--text-primary);
+  max-width: 80%;
+  text-align: center;
 }
 .DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneRemoveUploadButton__McYoe {
   display: none;
@@ -4237,6 +4260,9 @@ span.flatpickr-weekday {
   display: none;
   color: rgb(233, 233, 234);
 }
+.DropzoneContent-module_type--Empty__5ejbg .DropzoneContent-module_dropzoneDrag__PlBJv {
+  display: none;
+}
 .DropzoneContent-module_type--Uploaded__4aQy7 {
   display: flex;
   flex-flow: row nowrap;
@@ -4294,6 +4320,9 @@ span.flatpickr-weekday {
   display: block;
   color: rgb(233, 233, 234);
 }
+.DropzoneContent-module_type--Uploaded__4aQy7 .DropzoneContent-module_dropzoneDrag__PlBJv {
+  display: none;
+}
 .DropzoneContent-module_type--Loading__4VgoL {
   display: flex;
   flex-flow: column nowrap;
@@ -4355,6 +4384,76 @@ span.flatpickr-weekday {
   display: none;
   color: rgb(233, 233, 234);
 }
+.DropzoneContent-module_type--Loading__4VgoL .DropzoneContent-module_dropzoneDrag__PlBJv {
+  display: none;
+}
+.DropzoneContent-module_type--Drag__9BalI {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: center;
+  height: 202px;
+  flex-shrink: 0;
+  gap: 12px;
+  border-width: 1px;
+  border-style: dashed;
+  border-color: rgb(56, 58, 68);
+  border-radius: 4px;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_infoTextAndButtonContainer__ZvsDL {
+  display: none;
+  height: auto;
+  width: auto;
+  gap: 8px;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_infoText__hywuA {
+  display: none;
+  height: auto;
+  width: auto;
+  color: rgb(186, 187, 191);
+  white-space: nowrap;
+  text-align: left;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneFileUploadTrigger__-Ai9k {
+  display: none;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneFileUploadTriggerChooseFileButton__I7Erl {
+  display: none;
+  border-color: rgb(56, 58, 68);
+  border-radius: 4px;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_loaderAnim__XxG7G {
+  display: none;
+  height: 64px;
+  width: 64px;
+  flex-shrink: 0;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneFileName__wcqMo {
+  display: none;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneSupportedFormats__mEgzt {
+  display: none;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneRemoveUploadButton__McYoe {
+  display: none;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButton__kUcdq {
+  display: none;
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneRemoveUploadButtonDeleteButtoncloseDelete__TgTog {
+  display: none;
+  color: rgb(233, 233, 234);
+}
+.DropzoneContent-module_type--Drag__9BalI .DropzoneContent-module_dropzoneDrag__PlBJv {
+  display: flex;
+  height: 100%;
+  width: 100%;
+  border-style: dashed;
+  border-width: 1px;
+  border-color: var(--colours-grey-450);
+  background-color: rgb(128, 128, 128);
+  opacity: 0.5;
+}
 .Form-module_form__9JYdv {
   display: flex;
   flex-direction: column;