@delightui/components 0.1.25 → 0.1.26
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/dist/cjs/components/molecules/DatePicker/Plugins/utils.d.ts +1 -1
- package/dist/cjs/library.css +8 -4
- package/dist/cjs/library.js +1 -1
- package/dist/cjs/library.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/Plugins/utils.d.ts +1 -1
- package/dist/esm/library.css +8 -4
- package/dist/esm/library.js +3 -3
- package/dist/esm/library.js.map +1 -1
- package/package.json +1 -1
|
@@ -16,7 +16,7 @@ export declare const filterDropdownOptions: (dropdown: HTMLDivElement, query: st
|
|
|
16
16
|
* @param dropdown - The dropdown element to position.
|
|
17
17
|
* @param inputElement - The input element to base the dropdown positioning on.
|
|
18
18
|
*/
|
|
19
|
-
export declare const positionDropdownRelativeToInput: (dropdown: HTMLDivElement, inputElement: HTMLInputElement) => void;
|
|
19
|
+
export declare const positionDropdownRelativeToInput: (dropdown: HTMLDivElement, inputElement: HTMLInputElement, wrapperElement?: HTMLElement) => void;
|
|
20
20
|
/**
|
|
21
21
|
* Formats a Date object into a time string (HH:MM AM/PM).
|
|
22
22
|
* @param date - The Date object to format.
|
package/dist/esm/library.css
CHANGED
|
@@ -1482,12 +1482,15 @@ span.flatpickr-weekday {
|
|
|
1482
1482
|
height: auto;
|
|
1483
1483
|
gap: var(--spacing-medium);
|
|
1484
1484
|
border-radius: var(--corner-radius-extra-small);
|
|
1485
|
-
|
|
1485
|
+
outline: 1px solid var(--colours-grey-450);
|
|
1486
1486
|
background: var(--interactive-surface-secondary-default);
|
|
1487
1487
|
align-items: center;
|
|
1488
1488
|
padding-left: var(--spacing-medium);
|
|
1489
1489
|
color: var(--text-primary);
|
|
1490
1490
|
}
|
|
1491
|
+
.custom-time-input-wrapper:focus-within {
|
|
1492
|
+
outline: 1px solid var(--border-primary);
|
|
1493
|
+
}
|
|
1491
1494
|
.custom-time-input-wrapper .custom-time-input {
|
|
1492
1495
|
width: 100%;
|
|
1493
1496
|
font-family: var(--font-family-body);
|
|
@@ -1506,9 +1509,9 @@ span.flatpickr-weekday {
|
|
|
1506
1509
|
z-index: 99999;
|
|
1507
1510
|
gap: var(--spacing-extra-small);
|
|
1508
1511
|
color: #fff;
|
|
1509
|
-
font-size:
|
|
1510
|
-
font-family: var(--font-family-body
|
|
1511
|
-
line-height:
|
|
1512
|
+
font-size: 13px;
|
|
1513
|
+
font-family: var(--font-family-body);
|
|
1514
|
+
line-height: 16px;
|
|
1512
1515
|
background: var(--surface-background-4);
|
|
1513
1516
|
outline: 1px solid var(--border-border-grey-3);
|
|
1514
1517
|
width: 250px;
|
|
@@ -1516,6 +1519,7 @@ span.flatpickr-weekday {
|
|
|
1516
1519
|
overflow: auto;
|
|
1517
1520
|
padding: var(--spacing-medium);
|
|
1518
1521
|
border-radius: var(--corner-radius-extra-small);
|
|
1522
|
+
margin-top: 1px;
|
|
1519
1523
|
}
|
|
1520
1524
|
.time-dropdown .dropdown-option {
|
|
1521
1525
|
align-items: center;
|