react-ui89 0.60.0 → 0.62.0
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/esm/Ui89Provider.d.ts +4 -0
- package/dist/esm/components/Ui89DateTimePicker.d.ts +0 -1
- package/dist/esm/components/Ui89DateTimePicker.stories.d.ts +3 -0
- package/dist/esm/components/Ui89InputNumber.d.ts +1 -0
- package/dist/esm/components/Ui89InputText.d.ts +1 -0
- package/dist/esm/components/Ui89InputText.stories.d.ts +1 -0
- package/dist/esm/components/Ui89InputTextNumber.d.ts +1 -0
- package/dist/esm/components/Ui89ModalDialog.stories.d.ts +1 -0
- package/dist/esm/components/Ui89Popover.d.ts +6 -2
- package/dist/esm/index.css +4 -5
- package/dist/esm/index.js +649 -526
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -2
|
@@ -1,13 +1,17 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
+
import { createPortal as domCreatePortal } from "react-dom";
|
|
2
3
|
type RouterPush = (url: string) => void | Promise<void>;
|
|
4
|
+
type CreatePortal = typeof domCreatePortal;
|
|
3
5
|
interface Ui89OverrideType {
|
|
4
6
|
routerPush?: RouterPush;
|
|
5
7
|
currentZIndex: number;
|
|
6
8
|
nextZIndex: () => number;
|
|
9
|
+
createPortal: CreatePortal;
|
|
7
10
|
}
|
|
8
11
|
export interface Ui89OverrideProps {
|
|
9
12
|
children?: ReactNode;
|
|
10
13
|
routerPush?: RouterPush;
|
|
14
|
+
createPortal?: CreatePortal;
|
|
11
15
|
}
|
|
12
16
|
export declare const Ui89Provider: React.FC<Ui89OverrideProps>;
|
|
13
17
|
export declare const useUi89: () => Ui89OverrideType;
|
|
@@ -7,3 +7,6 @@ export declare const NoDateSelected: Story;
|
|
|
7
7
|
export declare const DateSelected: Story;
|
|
8
8
|
export declare const ChangesSelectedDateWhenTyping: Story;
|
|
9
9
|
export declare const CustomDateFormat: Story;
|
|
10
|
+
export declare const OpensPopupWhenClickingInput: Story;
|
|
11
|
+
export declare const DefaultPlaceholder: Story;
|
|
12
|
+
export declare const CustomPlaceholder: Story;
|
|
@@ -18,4 +18,5 @@ export declare const DisplaysValueWhenContentHasNotChangedSinceFocus: Story;
|
|
|
18
18
|
export declare const DisplaysValueWhenContentHasOnlyChangedSinceLastFocusByADifferentValue: Story;
|
|
19
19
|
export declare const DoesNotDisplayValueWhenContentHasChangedSinceFocus: Story;
|
|
20
20
|
export declare const DoesNotEmitWhatWasTypedWhenValueIsChanged: Story;
|
|
21
|
+
export declare const TextAlignRight: Story;
|
|
21
22
|
export declare const Disabled: Story;
|
|
@@ -7,6 +7,7 @@ export interface Ui89InputTextNumberProps {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
onChange?: (value: any) => void;
|
|
9
9
|
precision?: number;
|
|
10
|
+
textAlign?: React.CSSProperties["textAlign"];
|
|
10
11
|
}
|
|
11
12
|
export declare function isTextNumber(text: string): boolean;
|
|
12
13
|
export declare function Ui89InputTextNumber(props: Ui89InputTextNumberProps): React.JSX.Element;
|
|
@@ -8,3 +8,4 @@ export declare const VerticalScroll: Story;
|
|
|
8
8
|
export declare const RequestsToCloseWhenClickingOnTheBackdrop: Story;
|
|
9
9
|
export declare const DoesNotIncreaseZIndexWithoutProvider: Story;
|
|
10
10
|
export declare const IncreasesZIndexWhenOpenWithProvider: Story;
|
|
11
|
+
export declare const OverrideCreatePortal: Story;
|
|
@@ -23,8 +23,12 @@ export interface Ui89PopoverProps<T> {
|
|
|
23
23
|
placement?: Ui89PopoverPropsPlacement | keyof typeof Ui89PopoverPropsPlacement;
|
|
24
24
|
onOpenChange: (value: boolean) => void;
|
|
25
25
|
/**
|
|
26
|
-
*
|
|
27
|
-
*
|
|
26
|
+
* Whether to force the popover to take up as much of the available width
|
|
27
|
+
* as possible.
|
|
28
|
+
*/
|
|
29
|
+
popoverOverflowForce?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* How large the popover can be when it takes up available width.
|
|
28
32
|
*/
|
|
29
33
|
popoverOverflowMaxWidth?: number;
|
|
30
34
|
renderContainer: (props: Ui89PopoverPropsRenderContainerProps) => React.ReactNode;
|
package/dist/esm/index.css
CHANGED
|
@@ -7,9 +7,11 @@
|
|
|
7
7
|
.ui89-text-unbreakable{white-space:nowrap;}.ui89-text-ellipsis{overflow:hidden;text-overflow:ellipsis;}.ui89-text-single-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.ui89-text-single-line--ellipsis-left{direction:rtl;}
|
|
8
8
|
.ui89-hover-shadow{display:grid;padding-right:var(--ui89-safe-space);padding-bottom:var(--ui89-safe-space);position:relative;}.ui89-hover-shadow>*{}.ui89-hover-shadow__right{display:block;position:absolute;right:0;bottom:0;height:calc(100% - var(--ui89-safe-space));width:var(--ui89-safe-space);box-sizing:border-box;background:black;z-index:0;}.ui89-hover-shadow__bottom{display:block;position:absolute;right:0;bottom:0;width:calc(100% - var(--ui89-safe-space));height:var(--ui89-safe-space);box-sizing:border-box;background:black;z-index:0;}
|
|
9
9
|
.ui89-card{background:var(--ui89-scene-card-bg-color);color:var(--ui89-scene-card-text-color);border-radius:var(--ui89-box-border-radius);position:relative;box-shadow:rgb(0 0 0 / 5%) 0px 1px 2px 0px;border-top:calc(var(--ui89-safe-space)) solid #ffffff20;border-left:calc(var(--ui89-safe-space)) solid #ffffff20;border-right:calc(var(--ui89-safe-space)) solid #00000040;border-bottom:calc(var(--ui89-safe-space)) solid #00000040;padding:calc(var(--ui89-safe-space) / 4) calc(var(--ui89-safe-space) / 2);border:1px solid var(--ui89-scene-card-text-color);display:flex;flex-direction:column;}.ui89-card>*{flex:1;}.ui89-card__inside{border:1px solid white;padding:calc(var(--ui89-safe-space));}.ui89-card__top-left{position:absolute;bottom:100%;left:0;padding-left:var(--ui89-safe-space);transform:translateY(50%);max-width:100%;}.ui89-card__top-center{position:absolute;bottom:100%;left:50%;transform:translate(-50%,50%);padding:0 var(--ui89-safe-space);max-width:100%;box-sizing:border-box;}.ui89-card__top-right{position:absolute;bottom:100%;right:0;padding-right:var(--ui89-safe-space);transform:translateY(50%);max-width:100%;}.ui89-card__bottom-left{position:absolute;top:100%;left:0;padding-left:var(--ui89-safe-space);transform:translateY(-50%);max-width:100%;}.ui89-card__bottom-center{position:absolute;top:100%;left:50%;transform:translate(-50%,-50%);padding:0 var(--ui89-safe-space);max-width:100%;box-sizing:border-box;}.ui89-card__bottom-right{position:absolute;top:100%;right:0;padding-right:var(--ui89-safe-space);transform:translateY(-50%);max-width:100%;}.ui89-card__horizontal-connection{margin:0 calc(var(--ui89-safe-space) * -1);background:var(--ui89-scene-card-bg-color);}.ui89-card__horizontal-connection--overflow{margin:0 calc(var(--ui89-safe-space) * -1 - 1px);}
|
|
10
|
-
@charset "UTF-8";.react-datepicker__navigation-icon::before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px;}.react-datepicker-wrapper{display:inline-block;padding:0;border:0;}.react-datepicker{font-family:"Helvetica Neue",helvetica,arial,sans-serif;font-size:0.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:0.3rem;display:inline-block;position:relative;line-height:initial;}.react-datepicker--time-only .react-datepicker__time-container{border-left:0;}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem;}.react-datepicker-popper{z-index:1;line-height:0;}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae;}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0;}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff;}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:0.3rem;padding:8px 0;position:relative;}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px;}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0;}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:0.3rem;}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px;}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:bold;font-size:0.944rem;}h2.react-datepicker__current-month{padding:0;margin:0;}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden;}.react-datepicker__navigation--previous{left:2px;}.react-datepicker__navigation--next{right:2px;}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px;}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto;}.react-datepicker__navigation--years-previous{top:4px;}.react-datepicker__navigation--years-upcoming{top:-4px;}.react-datepicker__navigation:hover *::before{border-color:rgb(165.75,165.75,165.75);}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0;}.react-datepicker__navigation-icon--next{left:-2px;}.react-datepicker__navigation-icon--next::before{transform:rotate(45deg);left:-7px;}.react-datepicker__navigation-icon--previous{right:-2px;}.react-datepicker__navigation-icon--previous::before{transform:rotate(225deg);right:-7px;}.react-datepicker__month-container{float:left;}.react-datepicker__year{margin:0.4rem;text-align:center;}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px;}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px;}.react-datepicker__month{margin:0.4rem;text-align:center;}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px;}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left;}.react-datepicker__input-time-container .react-datepicker-time__caption{display:inline-block;}.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield;}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block;}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px;}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:0.3rem;position:absolute;right:-87px;top:0;}.react-datepicker__time-container .react-datepicker__time{position:relative;background:white;border-bottom-right-radius:0.3rem;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:0.3rem;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.7rem / 2);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:white;font-weight:bold;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc;}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent;}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:0.166rem;}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer;}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:0.3rem;background-color:#f0f0f0;}.react-datepicker__week-number--selected{border-radius:0.3rem;background-color:#216ba5;color:#fff;}.react-datepicker__week-number--selected:hover{background-color:rgb(28.75,93.2196969697,143.75);}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px;}.react-datepicker__week{white-space:nowrap;}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:0.166rem;}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer;}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:0.3rem;background-color:#f0f0f0;}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:bold;}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:0.3rem;background-color:#3dcc4a;color:#fff;}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:rgb(49.8551020408,189.6448979592,62.5632653061);}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:magenta;}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green;}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:0.3rem;background-color:#ff6803;color:#fff;}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.3s ease-in-out;}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:rgb(207,82.9642857143,0);}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1;}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:0.3rem;background-color:#216ba5;color:#fff;}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75);}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:0.3rem;background-color:rgb(186.25,217.0833333333,241.25);color:rgb(0,0,0);}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:rgb(28.75,93.2196969697,143.75);}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,0.5);}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000;}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc;}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translateX(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity 0.3s ease-in-out;}.react-datepicker__input-container{position:relative;display:inline-block;width:100%;}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:0.5rem;box-sizing:content-box;}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px;}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:0.3rem;position:relative;}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer;}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:rgb(178.5,178.5,178.5);}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0;}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:0.3rem;border:1px solid #aeaeae;}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer;}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll;}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto;}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:0.3rem;border-top-right-radius:0.3rem;}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:0.3rem;border-bottom-right-radius:0.3rem;}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc;}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:rgb(178.5,178.5,178.5);}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:rgb(178.5,178.5,178.5);}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px;}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle;}.react-datepicker__close-icon::after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×";}.react-datepicker__close-icon--disabled{cursor:default;}.react-datepicker__close-icon--disabled::after{cursor:default;background-color:#ccc;}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:bold;padding:5px 0;clear:left;}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647;}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem;}@media (max-width:400px),(max-height:550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem;}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem;}.react-datepicker__children-container{width:13.8rem;margin:0.4rem;padding-right:0.2rem;padding-left:0.2rem;height:auto;}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap;}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-0.125em;}
|
|
11
|
-
.
|
|
10
|
+
.ui89-scene{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);overflow:visible;}
|
|
11
|
+
.ui-89-look-main{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-light-gray);--ui89-scene-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-highlight-color:rgba(255,255,255,0.2);--ui89-scene-card-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-light-gray);}.ui-89-look-side{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-dark-gray);--ui89-scene-bg-color:var(--ui89-palette-light-gray);--ui89-scene-highlight-color:rgba(255,255,255,0.2);--ui89-scene-card-bg-color:var(--ui89-palette-light-gray);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white);}
|
|
12
|
+
.ui89-scrollbar ::-webkit-scrollbar{background:var(--ui89-scene-bg-color);width:calc(var(--ui89-safe-space) * 2);}.ui89-scrollbar ::-webkit-scrollbar-track{background:var(--ui89-scene-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid transparent;}.ui89-scrollbar ::-webkit-scrollbar-thumb:vertical{border-top-color:var(--ui89-palette-dark-gray);border-bottom-color:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button{background-color:#bbbbbb;display:block;border-style:solid;height:calc(var(--ui89-safe-space) * 2);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space);border-color:transparent transparent var(--ui89-palette-black) transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:increment{border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space);border-color:var(--ui89-palette-black) transparent transparent transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0;border-color:transparent var(--ui89-palette-black) transparent transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:increment{border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space);border-color:transparent transparent transparent var(--ui89-palette-black);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray);}
|
|
12
13
|
.ui89-input-box{--line-height:calc( (var(--ui89-input-height) - var(--ui89-font-size-normal)) / 2 + var(--ui89-font-size-normal));--padding:calc((var(--ui89-input-height) - var(--line-height)) / 2);box-sizing:border-box;display:block;width:100%;font-family:inherit;min-height:var(--ui89-input-height);font-size:var(--ui89-font-size-normal);line-height:var(--line-height);padding:var(--padding) var(--ui89-safe-space);border:0;border-radius:0;outline:none;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);}.ui89-input-box--disabled{color:var(--ui89-palette-light-gray);}.ui89-input-box--unselectable{user-select:none;}.ui89-input-box--clickable{cursor:var(--ui89-cursor-pointer);}
|
|
14
|
+
|
|
13
15
|
.ui89-highlight-text{color:var(--ui89-chosen-theme-text-color);background-color:var(--ui89-chosen-theme-bg-color);}.ui89-highlight-text--block{display:block;}
|
|
14
16
|
.ui-89-hr{--ui89-hr-color:var(--ui89-scene-card-text-color);}.ui-89-hr--straight{border-top:1px solid var(--ui89-hr-color);}.ui-89-hr--dotted{border-top:1px dotted var(--ui89-hr-color);}.ui-89-hr--dashed{border-top:1px dashed var(--ui89-hr-color);}.ui-89-hr--double{border-top:1px solid var(--ui89-hr-color);}.ui-89-hr--double .ui-89-hr__double{margin-top:4px;border-top:1px solid var(--ui89-hr-color);}.ui-89-hr--use-theme{--ui89-hr-color:var(--ui89-chosen-theme-bg-color);}
|
|
15
17
|
.ui89-input-check-box{display:inline-flex;cursor:pointer;user-select:none;}.ui89-input-check-box__x{box-sizing:border-box;display:block;text-align:center;width:var(--ui89-input-height);height:var(--ui89-input-height);font-size:var(--ui89-font-size-normal);font-weight:bold;padding:0 var(--ui89-safe-space);border:0;border-radius:var(--ui89-box-border-radius);outline:none;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);line-height:var(--ui89-input-height);user-select:none;}
|
|
@@ -17,9 +19,6 @@
|
|
|
17
19
|
.ui89-input-check-text{display:inline-block;cursor:pointer;user-select:none;}
|
|
18
20
|
.ui89-input-file-upload{display:flex;gap:calc(var(--ui89-safe-space) * 1);align-items:center;word-break:initial;}.ui89-input-file-upload__info{min-width:0;}
|
|
19
21
|
.ui89-input-select{position:relative;}.ui89-input-select__menu{overflow:auto;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);display:flex;flex-direction:column;animation:ui89-input-select__appear var(--ui89-animation-speed);}@keyframes ui89-input-select__appear{from{transform:translateY(-5px);}to{transform:translateY(0%);}}.ui89-input-select__menu__item{display:inline-flex;flex-direction:column;justify-content:center;min-width:100%;height:100%;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);padding:0 var(--ui89-safe-space);white-space:nowrap;user-select:none;box-sizing:border-box;}.ui89-input-select__menu__item:not(.ui89-input-select__menu__item--disabled){cursor:pointer;}.ui89-input-select__menu__item:not(.ui89-input-select__menu__item--disabled):hover,.ui89-input-select__menu__item.ui89-input-select__menu__item--selected{background:var(--ui89-input-text-color);color:var(--ui89-input-bg-color);}.ui89-input-select__menu__item--disabled{color:var(--ui89-palette-white);}
|
|
20
|
-
.ui89-scene{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);overflow:visible;}
|
|
21
|
-
.ui-89-look-main{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-light-gray);--ui89-scene-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-highlight-color:rgba(255,255,255,0.2);--ui89-scene-card-bg-color:var(--ui89-palette-dark-blue);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-light-gray);}.ui-89-look-side{--ui89-scene-text-color:var(--ui89-palette-white);--ui89-scene-text-subtle-color:var(--ui89-palette-dark-gray);--ui89-scene-bg-color:var(--ui89-palette-light-gray);--ui89-scene-highlight-color:rgba(255,255,255,0.2);--ui89-scene-card-bg-color:var(--ui89-palette-light-gray);--ui89-scene-card-text-color:var(--ui89-palette-white);--ui89-theme-primary-text-color:var(--ui89-palette-white);--ui89-theme-primary-bg-color:var(--ui89-palette-light-blue);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white);}
|
|
22
|
-
.ui89-scrollbar ::-webkit-scrollbar{background:var(--ui89-scene-bg-color);width:calc(var(--ui89-safe-space) * 2);}.ui89-scrollbar ::-webkit-scrollbar-track{background:var(--ui89-scene-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid transparent;}.ui89-scrollbar ::-webkit-scrollbar-thumb:vertical{border-top-color:var(--ui89-palette-dark-gray);border-bottom-color:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button{background-color:#bbbbbb;display:block;border-style:solid;height:calc(var(--ui89-safe-space) * 2);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:decrement{border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space);border-color:transparent transparent var(--ui89-palette-black) transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:increment{border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space);border-color:var(--ui89-palette-black) transparent transparent transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0;border-color:transparent var(--ui89-palette-black) transparent transparent;}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:increment{border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space);border-color:transparent transparent transparent var(--ui89-palette-black);}.ui89-scrollbar ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray);}
|
|
23
22
|
.ui89-link-stealth{color:currentColor;cursor:pointer;}.ui89-link-stealth:hover{color:currentColor;background:var(--ui89-scene-highlight-color);}
|
|
24
23
|
.ui89-link-underline{color:currentColor;text-decoration:underline;cursor:pointer;}.ui89-link-underline:hover{color:currentColor;}
|
|
25
24
|
.ui89-menu-bar{display:flex;height:16px;color:var(--ui89-theme-primary-text-color);background:var(--ui89-theme-primary-bg-color);}.ui89-menu-bar__item{cursor:var(--ui89-cursor-pointer);padding:0 calc(var(--ui89-safe-space) * 2);}.ui89-menu-bar__item:hover,.ui89-menu-bar__item:active{color:var(--ui89-theme-primary-bg-color);background:var(--ui89-theme-primary-text-color);}
|