react-ui89 0.27.0 → 0.27.1
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.
|
@@ -11,7 +11,8 @@ export declare const ThemeDanger: Story;
|
|
|
11
11
|
export declare const ThemeInfo: Story;
|
|
12
12
|
export declare const ThemeWarning: Story;
|
|
13
13
|
export declare const SizeStandard: Story;
|
|
14
|
-
export declare const
|
|
14
|
+
export declare const SizeStandardGrowsHorizontallyWithFlexGrow: Story;
|
|
15
|
+
export declare const SizeStandardDoesNotGrowVerticallyWithFlexGrow: Story;
|
|
15
16
|
export declare const SizeSquare: Story;
|
|
16
17
|
export declare const SizeSquareDoesNotGrowWithFlexGrow: Story;
|
|
17
18
|
export declare const SizeSquareOverflow: Story;
|
package/dist/esm/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--ui89-palette-black:#000;--ui89-palette-dark-blue:#00a;--ui89-palette-dark-green:#0a0;--ui89-palette-dark-cyan:#0aa;--ui89-palette-dark-red:#a00;--ui89-palette-dark-pink:#a0a;--ui89-palette-dark-yellow:#a50;--ui89-palette-light-gray:#aaa;--ui89-palette-dark-gray:#555;--ui89-palette-light-blue:#5454ff;--ui89-palette-light-green:#5f5;--ui89-palette-light-cyan:#5ff;--ui89-palette-light-red:#f55;--ui89-palette-light-pink:#f5f;--ui89-palette-light-yellow:#ff5;--ui89-palette-white:#fff;--ui89-theme-primary-text-color:var(--ui89-palette-black);--ui89-theme-primary-bg-color:var(--ui89-palette-light-yellow);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white);--ui89-theme-success-text-color:var(--ui89-palette-white);--ui89-theme-success-bg-color:var(--ui89-palette-dark-green);--ui89-theme-info-text-color:var(--ui89-palette-white);--ui89-theme-info-bg-color:var(--ui89-palette-light-blue);--ui89-theme-warning-text-color:var(--ui89-palette-white);--ui89-theme-warning-bg-color:var(--ui89-palette-dark-yellow);--ui89-theme-danger-text-color:var(--ui89-palette-white);--ui89-theme-danger-bg-color:var(--ui89-palette-dark-red);--ui89-safe-space:8px;--ui89-input-height:32px;--ui89-font-size-huge:32px;--ui89-font-size-big:20px;--ui89-font-size-normal:16px;--ui89-font-size-small:14px;--ui89-font-size-tiny:10px;--ui89-input-bg-color:var(--ui89-palette-black);--ui89-input-text-color:var(--ui89-palette-light-yellow);--ui89-animation-speed:100ms;--ui89-cursor-default:default;--ui89-cursor-pointer:pointer}.ui89-toaster:before{border:var(--ui89-toaster-border-width) solid var(--ui89-chosen-theme-text-color);content:"";inset:0;margin:var(--ui89-safe-space);position:absolute}.ui89-toaster:after{content:"";left:50%;padding:0 var(--ui89-safe-space);position:absolute;top:0;transform:translateX(-50%)}.ui89-toaster.Toastify__toast--default,.ui89-toaster:after{background:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color);display:block}.ui89-toaster.Toastify__toast--default{--ui89-toaster-border-width:1px;border-radius:0;box-shadow:10px 10px 0 #000;min-height:auto;padding:calc(var(--ui89-safe-space)*2 + var(--ui89-toaster-border-width))}.ui89-toaster .Toastify__progress-bar--wrp{border-radius:0}.Ui89Breadcrumbs-module_breadcrumbs__3qjJ-{display:flex;flex-direction:row-reverse;justify-content:flex-end;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89Breadcrumbs-module_breadcrumbsItem__al4m-{animation:Ui89Breadcrumbs-module_appear__571eC var(--ui89-animation-speed);clip-path:polygon(0 0,calc(100% - var(--ui89-safe-space)) 0,100% 50%,calc(100% - var(--ui89-safe-space)) 100%,0 100%);color:var(--ui89-chosen-theme-text-color);display:block;margin:calc(var(--ui89-safe-space)*-1);padding-left:calc(var(--ui89-safe-space)*3);padding-right:calc(var(--ui89-safe-space)*2);position:relative}.Ui89Breadcrumbs-module_breadcrumbsItem__al4m-:last-child{padding-left:calc(var(--ui89-safe-space)*2)}@keyframes Ui89Breadcrumbs-module_appear__571eC{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.Ui89Breadcrumbs-module_breadcrumbsItemBackground__mTAdT{background-color:var(--ui89-chosen-theme-bg-color);filter:brightness(calc(1 - var(--ui89-index)*.1));inset:0;position:absolute;z-index:-1}.typo-module_big__NWXQv{font-family:monospace;font-size:var(--ui89-font-size-big);line-height:25px}.typo-module_normalBold__6Mx0C,.typo-module_normal__a1-s-{font-family:monospace;font-size:var(--ui89-font-size-normal);line-height:16px}.typo-module_normalBold__6Mx0C{font-weight:700}.typo-module_smallBold__BRDCu,.typo-module_small__cdnMc{font-family:monospace;font-size:var(--ui89-font-size-small);line-height:16px}.typo-module_smallBold__BRDCu{font-weight:700}.typo-module_special__PiPuc{font-family:monospace;font-size:var(--ui89-font-size-small);font-weight:700}.reset-module_a__dpZ8C{text-decoration:none}.chosen-theme-module_primary__GwEqU{--ui89-chosen-theme-text-color:var(--ui89-theme-primary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-primary-bg-color)}.chosen-theme-module_secondary__DI5Gk{--ui89-chosen-theme-text-color:var(--ui89-theme-secondary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-secondary-bg-color)}.chosen-theme-module_info__KYP2h{--ui89-chosen-theme-text-color:var(--ui89-theme-info-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-info-bg-color)}.chosen-theme-module_success__l3hFS{--ui89-chosen-theme-text-color:var(--ui89-theme-success-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-success-bg-color)}.chosen-theme-module_warning__A7IOL{--ui89-chosen-theme-text-color:var(--ui89-theme-warning-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-warning-bg-color)}.chosen-theme-module_danger__CZ3Iq{--ui89-chosen-theme-text-color:var(--ui89-theme-danger-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-danger-bg-color)}.Ui89Button-module_container__V4tWM{display:inline-grid}.Ui89Button-module_container--size-standard__Zinc- .Ui89Button-module_button__wl9cp{height:22px;min-width:60px;padding:0 calc(var(--ui89-safe-space)*2)}.Ui89Button-module_container--size-square__5tJnr .Ui89Button-module_button__wl9cp{flex-basis:22px;height:22px;overflow:hidden;width:22px}.Ui89Button-module_button__wl9cp{align-items:center;background-color:var(--ui89-chosen-theme-bg-color);border:1px solid #00000010;border-radius:1px;box-sizing:border-box;color:var(--ui89-chosen-theme-text-color);cursor:var(--ui89-cursor-pointer);display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;transition:transform var(--ui89-animation-speed);user-select:none}.Ui89Button-module_button__wl9cp:before{inset:0;position:absolute}.Ui89Button-module_block__3sGjT{display:flex}.Ui89Button-module_button__wl9cp:hover:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#ffffff40;content:"";cursor:var(--ui89-cursor-pointer)}.Ui89Button-module_active__ZN0AN,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu){transform:translate3d(calc(var(--ui89-safe-space)/2),calc(var(--ui89-safe-space)/2),0)}.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#00000040;content:none;cursor:var(--ui89-cursor-pointer)}.Ui89Button-module_disabled__I5nOu{cursor:var(--ui89-cursor-default);opacity:.5}.Ui89Button-module_click__INMSh{inset:0;position:absolute}.Ui89Button-module_active__ZN0AN>.Ui89Button-module_click__INMSh,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu)>.Ui89Button-module_click__INMSh{transform:translate3d(calc(var(--ui89-safe-space)/2*-1),calc(var(--ui89-safe-space)/2*-1),0)}.HoverShadow-module_hoverShadow__-cRBn{display:inline-grid;padding-bottom:var(--ui89-safe-space);padding-right:var(--ui89-safe-space);position:relative}.HoverShadow-module_hoverShadowRight__u1rW-{height:calc(100% - var(--ui89-safe-space));width:var(--ui89-safe-space)}.HoverShadow-module_hoverShadowBottom__mTTdA,.HoverShadow-module_hoverShadowRight__u1rW-{background:#000;bottom:0;box-sizing:border-box;display:block;position:absolute;right:0;z-index:0}.HoverShadow-module_hoverShadowBottom__mTTdA{height:var(--ui89-safe-space);width:calc(100% - var(--ui89-safe-space))}.Ui89Card-module_container__-8hhJ{background:var(--ui89-scene-card-bg-color);border-bottom:calc(var(--ui89-safe-space)) solid #00000040;border-left:calc(var(--ui89-safe-space)) solid #ffffff20;border-radius:var(--ui89-box-border-radius);border-right:calc(var(--ui89-safe-space)) solid #00000040;border-top:calc(var(--ui89-safe-space)) solid #ffffff20;border:1px solid var(--ui89-scene-card-text-color);box-shadow:0 1px 2px 0 #0000000d;color:var(--ui89-scene-card-text-color);display:flex;flex-direction:column;padding:calc(var(--ui89-safe-space)/4) calc(var(--ui89-safe-space)/2);position:relative}.Ui89Card-module_container__-8hhJ>*{flex:1}.Ui89Card-module_containerHasTop__UsQUD{margin-top:var(--ui89-safe-space)}.Ui89Card-module_inside__91GoJ{border:1px solid #fff;padding:calc(var(--ui89-safe-space))}.Ui89Card-module_topLeftCenter__r9PD6{bottom:100%;left:0;padding-left:var(--ui89-safe-space);position:absolute;transform:translateY(50%)}.Ui89Card-module_topCenter__SZWfR{display:flex;justify-content:center;left:var(--ui89-safe-space);position:absolute;right:var(--ui89-safe-space);top:0;transform:translateY(-50%)}.Ui89Card-module_cardHorizontalConnection__WEoNx{background:var(--ui89-scene-card-bg-color);margin:0 calc(var(--ui89-safe-space)*-1)}.Ui89Card-module_cardHorizontalConnection--overflow__wuaL1{margin:0 calc(var(--ui89-safe-space)*-1 - 1px)}.Ui89HighlightText-module_container__gap-L{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89HighlightText-module_container--block__BDJUL{display:block}.Ui89Hr-module_hr__64TZQ{--ui89-hr-color:var(--ui89-scene-card-text-color)}.Ui89Hr-module_hr--straight__xLovR{border-top:1px solid var(--ui89-hr-color)}.Ui89Hr-module_hr--dotted__jChvp{border-top:1px dotted var(--ui89-hr-color)}.Ui89Hr-module_hr--dashed__bbsS2{border-top:1px dashed var(--ui89-hr-color)}.Ui89Hr-module_hr--double__DoNtB{border-top:1px solid var(--ui89-hr-color)}.Ui89Hr-module_hr--double__DoNtB .Ui89Hr-module_hrDouble__7oh3f{border-top:1px solid var(--ui89-hr-color);margin-top:4px}.Ui89Hr-module_hr--use-theme__-AhkX{--ui89-hr-color:var(--ui89-chosen-theme-bg-color)}.Ui89InputFileUpload-module_inputFileUpload__-sTRV{align-items:center;display:flex;gap:calc(var(--ui89-safe-space)*1)}.Ui89InputFileUpload-module_inputFileUpload__info__VFVuy{min-width:0}.text-module_unbreakable__3eDe3{white-space:nowrap}.text-module_ellipsis__3-f-B,.text-module_singleLine__X6pYL{overflow:hidden;text-overflow:ellipsis}.text-module_singleLine__X6pYL{white-space:nowrap}.text-module_singleLine--ellipsisLeft__n1auO{direction:rtl}.Ui89InputSelect-module_inputSelect__R3-fU{position:relative}.Ui89InputSelect-module_menu__T-rDA{background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);display:none;left:0;max-height:300px;overflow:auto;position:absolute;top:100%;width:100%;z-index:1}.Ui89InputSelect-module_menuContent__poCdH{display:inline-flex;flex-direction:column;min-width:100%}.Ui89InputSelect-module_inputSelect__R3-fU:focus-within .Ui89InputSelect-module_menu__T-rDA{animation:Ui89InputSelect-module_appear__S2gIU var(--ui89-animation-speed);display:block}@keyframes Ui89InputSelect-module_appear__S2gIU{0%{transform:translateY(-5px)}to{transform:translateY(0)}}.Ui89InputSelect-module_menuItem__3l1y0{align-items:center;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);display:inline-flex;height:var(--ui89-input-height);padding:0 var(--ui89-safe-space);user-select:none;white-space:nowrap}.Ui89InputSelect-module_menuItem__3l1y0:not(.Ui89InputSelect-module_menuItem--disabled__eEjvv){cursor:pointer}.Ui89InputSelect-module_menuItem__3l1y0.Ui89InputSelect-module_selected__AbSbK,.Ui89InputSelect-module_menuItem__3l1y0:not(.Ui89InputSelect-module_menuItem--disabled__eEjvv):hover{background:var(--ui89-input-text-color);color:var(--ui89-input-bg-color)}.Ui89InputSelect-module_menuItem--disabled__eEjvv{color:var(--ui89-palette-white)}.input-box-module_inputBox__hMERT{background:var(--ui89-input-bg-color);border:0;border-radius:0;box-sizing:border-box;color:var(--ui89-input-text-color);display:block;height:var(--ui89-input-height);line-height:var(--ui89-input-height);outline:none;padding:0 var(--ui89-safe-space);width:100%}.input-box-module_inputBox--unselectable__1VrB-{user-select:none}.input-box-module_inputBox--clickable__CXeLj{cursor:var(--ui89-cursor-pointer)}.Ui89MenuBar-module_menuBar__IlnEP{background:var(--ui89-theme-primary-bg-color);color:var(--ui89-theme-primary-text-color);display:flex;height:16px}.Ui89MenuBar-module_menuBarItem__UVFg2{cursor:var(--ui89-cursor-pointer);padding:0 calc(var(--ui89-safe-space)*2)}.Ui89MenuBar-module_menuBarItem__UVFg2:active,.Ui89MenuBar-module_menuBarItem__UVFg2:hover{background:var(--ui89-theme-primary-text-color);color:var(--ui89-theme-primary-bg-color)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar{background:var(--ui89-scene-bg-color);width:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-track{background:var(--ui89-scene-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid #0000}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:vertical{border-bottom-color:var(--ui89-palette-dark-gray);border-top-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button{background-color:#bbb;border-style:solid;display:block;height:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement{border-color:#0000 #0000 var(--ui89-palette-black) #0000;border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment{border-color:var(--ui89-palette-black) #0000 #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-color:#0000 var(--ui89-palette-black) #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment{border-color:#0000 #0000 #0000 var(--ui89-palette-black);border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray)}.Ui89ModalDialog-module_dialog__JtOw1{animation:Ui89ModalDialog-module_appear__Xt-kk var(--ui89-animation-speed);display:none;inset:0;position:fixed}.Ui89ModalDialog-module_dialog--open__9o2xZ{display:block}.Ui89ModalDialog-module_dialogBackdrop__pw9Av{background-color:#0006;inset:0;position:absolute}.Ui89ModalDialog-module_dialogBox__ilddn{border:none;border-radius:0;inset:0;bottom:auto;display:flex;flex-direction:column;margin:auto;max-height:100%;min-height:0;outline:none;overflow:auto;position:absolute;word-break:break-word}.Ui89ModalDialog-module_spacer__fS17b{height:100px;min-height:0}.Ui89ModalDialog-module_dialogBox__ilddn>:not(.Ui89ModalDialog-module_spacer__fS17b){flex:1 0;min-height:0}.Ui89ModalDialog-module_dialogBox--size-big__YT0xb{max-width:700px}.Ui89ModalDialog-module_dialogBox--size-medium__lZrJR{max-width:500px}.Ui89ModalDialog-module_dialogBox--size-small__-2nH-{max-width:300px}@keyframes Ui89ModalDialog-module_appear__Xt-kk{0%{opacity:0}to{opacity:1}}.Ui89Scene-module_scene__5uNRp{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);overflow:visible}.look-module_main__dCtZk{--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:#fff3;--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)}.look-module_side__bCbry{--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:#fff3;--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)}.GridExpandTrick-module_gridExpandTrick__10Eg5{display:grid}.GridExpandTrick-module_gridExpandTrick__10Eg5>*{min-height:0;min-width:0}.ScrollContainer-module_scrollContainer__J82cj{overflow:auto}.Ui89NameValuePair-module_nameValuePair__eRuAY{display:flex}.Ui89NameValuePair-module_nameValuePair__nameWrapper__CstZ0{display:flex;flex:1}.Ui89NameValuePair-module_nameValuePair__dots__BaHp6{border-bottom:1px dashed;flex:1 1;height:.75em;margin:0 2px;min-width:calc(var(--ui89-safe-space)*2)}.Ui89Shortcut-module_container__L07CL{box-sizing:border-box;cursor:var(--ui89-cursor-pointer);display:inline-flex;flex-direction:column;position:relative;text-align:center;user-select:none}.Ui89Shortcut-module_label__Q2ffs{max-width:140px}.Ui89Shortcut-module_container__L07CL:hover{border-color:currentColor}.Ui89Shortcut-module_container__L07CL:hover .Ui89Shortcut-module_label__Q2ffs{background:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89Shortcut-module_imageContainer__tCoZK{align-items:flex-end;display:flex;justify-content:center;position:relative}.Ui89Shortcut-module_image__f4Hsg{display:block;height:140px;width:140px}.Ui89Shortcut-module_shortcutIconContainer__t30jR{position:relative;width:0}.Ui89Shortcut-module_shortcutIcon__SjZkr{bottom:0;pointer-events:none;position:absolute;right:0}.Ui89Tabs-module_navigation__y1WSG{display:flex;flex-wrap:wrap}.Ui89Tabs-module_navigation--stretch__N6YL5 .Ui89Tabs-module_navigationItem__keX-1{flex-grow:1}.Ui89Tabs-module_navigationItem__keX-1{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);cursor:var(--ui89-cursor-pointer);padding:0 calc(var(--ui89-safe-space)*3);text-align:center}.Ui89Tabs-module_navigationItemSelected__R7dba,.Ui89Tabs-module_navigationItem__keX-1:hover{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89TagBox-module_container__2GXMj{border-radius:var(--box-border-radius);display:inline-block;line-height:1;padding:calc(var(--ui89-safe-space)/2) calc(var(--ui89-safe-space)*2)}.Ui89TagBox-module_container__2GXMj,.Ui89ThemeBackground-module_background__4C-5t{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89TitleBox-module_container__M-b7J{display:flex}.Ui89TitleBox-module_inside__GWTlP{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color);min-width:0;padding:0 var(--ui89-safe-space)}.Ui89TitleUnderline-module_container__EaGZi{display:flex;line-height:1}.Ui89TitleUnderline-module_inside__uwwxa{border-bottom:1px solid;min-width:0;padding-bottom:calc(var(--ui89-safe-space)/2);position:relative}.Ui89TitleUnderline-module_inside__uwwxa:after{border-bottom:1px solid;content:"";inset:0;position:absolute;transform:translateY(-2px);z-index:0}.Ui89VirtualTable-module_table__TkJv-{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto}.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_empty__0TQZA,.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_tableBody__S53mE{flex:1}.Ui89VirtualTable-module_tableHeader__gK1W1{display:flex;position:sticky;top:0;z-index:2}.Ui89VirtualTable-module_empty__0TQZA{align-items:center;display:flex;justify-content:center;text-align:center}.Ui89VirtualTable-module_cell__yecQB{align-items:center;background:var(--ui89-scene-bg-color);border-bottom:2px solid var(--ui89-scene-text-color);box-sizing:border-box;display:flex;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-first__ymIC-{padding-left:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-last__fEGx6{padding-right:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--row-first__aWHap{border-top:none}
|
|
1
|
+
:root{--ui89-palette-black:#000;--ui89-palette-dark-blue:#00a;--ui89-palette-dark-green:#0a0;--ui89-palette-dark-cyan:#0aa;--ui89-palette-dark-red:#a00;--ui89-palette-dark-pink:#a0a;--ui89-palette-dark-yellow:#a50;--ui89-palette-light-gray:#aaa;--ui89-palette-dark-gray:#555;--ui89-palette-light-blue:#5454ff;--ui89-palette-light-green:#5f5;--ui89-palette-light-cyan:#5ff;--ui89-palette-light-red:#f55;--ui89-palette-light-pink:#f5f;--ui89-palette-light-yellow:#ff5;--ui89-palette-white:#fff;--ui89-theme-primary-text-color:var(--ui89-palette-black);--ui89-theme-primary-bg-color:var(--ui89-palette-light-yellow);--ui89-theme-secondary-text-color:var(--ui89-palette-black);--ui89-theme-secondary-bg-color:var(--ui89-palette-white);--ui89-theme-success-text-color:var(--ui89-palette-white);--ui89-theme-success-bg-color:var(--ui89-palette-dark-green);--ui89-theme-info-text-color:var(--ui89-palette-white);--ui89-theme-info-bg-color:var(--ui89-palette-light-blue);--ui89-theme-warning-text-color:var(--ui89-palette-white);--ui89-theme-warning-bg-color:var(--ui89-palette-dark-yellow);--ui89-theme-danger-text-color:var(--ui89-palette-white);--ui89-theme-danger-bg-color:var(--ui89-palette-dark-red);--ui89-safe-space:8px;--ui89-input-height:32px;--ui89-font-size-huge:32px;--ui89-font-size-big:20px;--ui89-font-size-normal:16px;--ui89-font-size-small:14px;--ui89-font-size-tiny:10px;--ui89-input-bg-color:var(--ui89-palette-black);--ui89-input-text-color:var(--ui89-palette-light-yellow);--ui89-animation-speed:100ms;--ui89-cursor-default:default;--ui89-cursor-pointer:pointer}.ui89-toaster:before{border:var(--ui89-toaster-border-width) solid var(--ui89-chosen-theme-text-color);content:"";inset:0;margin:var(--ui89-safe-space);position:absolute}.ui89-toaster:after{content:"";left:50%;padding:0 var(--ui89-safe-space);position:absolute;top:0;transform:translateX(-50%)}.ui89-toaster.Toastify__toast--default,.ui89-toaster:after{background:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color);display:block}.ui89-toaster.Toastify__toast--default{--ui89-toaster-border-width:1px;border-radius:0;box-shadow:10px 10px 0 #000;min-height:auto;padding:calc(var(--ui89-safe-space)*2 + var(--ui89-toaster-border-width))}.ui89-toaster .Toastify__progress-bar--wrp{border-radius:0}.Ui89Breadcrumbs-module_breadcrumbs__3qjJ-{display:flex;flex-direction:row-reverse;justify-content:flex-end;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89Breadcrumbs-module_breadcrumbsItem__al4m-{animation:Ui89Breadcrumbs-module_appear__571eC var(--ui89-animation-speed);clip-path:polygon(0 0,calc(100% - var(--ui89-safe-space)) 0,100% 50%,calc(100% - var(--ui89-safe-space)) 100%,0 100%);color:var(--ui89-chosen-theme-text-color);display:block;margin:calc(var(--ui89-safe-space)*-1);padding-left:calc(var(--ui89-safe-space)*3);padding-right:calc(var(--ui89-safe-space)*2);position:relative}.Ui89Breadcrumbs-module_breadcrumbsItem__al4m-:last-child{padding-left:calc(var(--ui89-safe-space)*2)}@keyframes Ui89Breadcrumbs-module_appear__571eC{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.Ui89Breadcrumbs-module_breadcrumbsItemBackground__mTAdT{background-color:var(--ui89-chosen-theme-bg-color);filter:brightness(calc(1 - var(--ui89-index)*.1));inset:0;position:absolute;z-index:-1}.typo-module_big__NWXQv{font-family:monospace;font-size:var(--ui89-font-size-big);line-height:25px}.typo-module_normalBold__6Mx0C,.typo-module_normal__a1-s-{font-family:monospace;font-size:var(--ui89-font-size-normal);line-height:16px}.typo-module_normalBold__6Mx0C{font-weight:700}.typo-module_smallBold__BRDCu,.typo-module_small__cdnMc{font-family:monospace;font-size:var(--ui89-font-size-small);line-height:16px}.typo-module_smallBold__BRDCu{font-weight:700}.typo-module_special__PiPuc{font-family:monospace;font-size:var(--ui89-font-size-small);font-weight:700}.reset-module_a__dpZ8C{text-decoration:none}.chosen-theme-module_primary__GwEqU{--ui89-chosen-theme-text-color:var(--ui89-theme-primary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-primary-bg-color)}.chosen-theme-module_secondary__DI5Gk{--ui89-chosen-theme-text-color:var(--ui89-theme-secondary-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-secondary-bg-color)}.chosen-theme-module_info__KYP2h{--ui89-chosen-theme-text-color:var(--ui89-theme-info-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-info-bg-color)}.chosen-theme-module_success__l3hFS{--ui89-chosen-theme-text-color:var(--ui89-theme-success-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-success-bg-color)}.chosen-theme-module_warning__A7IOL{--ui89-chosen-theme-text-color:var(--ui89-theme-warning-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-warning-bg-color)}.chosen-theme-module_danger__CZ3Iq{--ui89-chosen-theme-text-color:var(--ui89-theme-danger-text-color);--ui89-chosen-theme-bg-color:var(--ui89-theme-danger-bg-color)}.Ui89Button-module_container__V4tWM{display:inline-grid;height:fit-content}.Ui89Button-module_container--size-standard__Zinc- .Ui89Button-module_button__wl9cp{height:22px;min-width:60px;padding:0 calc(var(--ui89-safe-space)*2)}.Ui89Button-module_container--size-square__5tJnr{width:fit-content}.Ui89Button-module_container--size-square__5tJnr .Ui89Button-module_button__wl9cp{flex-basis:22px;height:22px;overflow:hidden;width:22px}.Ui89Button-module_button__wl9cp{align-items:center;background-color:var(--ui89-chosen-theme-bg-color);border:1px solid #00000010;border-radius:1px;box-sizing:border-box;color:var(--ui89-chosen-theme-text-color);cursor:var(--ui89-cursor-pointer);display:inline-flex;font-weight:700;justify-content:center;position:relative;text-align:center;transition:transform var(--ui89-animation-speed);user-select:none}.Ui89Button-module_button__wl9cp:before{inset:0;position:absolute}.Ui89Button-module_block__3sGjT{display:flex}.Ui89Button-module_button__wl9cp:hover:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#ffffff40;content:"";cursor:var(--ui89-cursor-pointer)}.Ui89Button-module_active__ZN0AN,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu){transform:translate3d(calc(var(--ui89-safe-space)/2),calc(var(--ui89-safe-space)/2),0)}.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu):not(.Ui89Button-module_active__ZN0AN):before{background-color:#00000040;content:none;cursor:var(--ui89-cursor-pointer)}.Ui89Button-module_disabled__I5nOu{cursor:var(--ui89-cursor-default);opacity:.5}.Ui89Button-module_click__INMSh{inset:0;position:absolute}.Ui89Button-module_active__ZN0AN>.Ui89Button-module_click__INMSh,.Ui89Button-module_button__wl9cp:active:not(.Ui89Button-module_disabled__I5nOu)>.Ui89Button-module_click__INMSh{transform:translate3d(calc(var(--ui89-safe-space)/2*-1),calc(var(--ui89-safe-space)/2*-1),0)}.HoverShadow-module_hoverShadow__-cRBn{display:grid;padding-bottom:var(--ui89-safe-space);padding-right:var(--ui89-safe-space);position:relative}.HoverShadow-module_hoverShadowRight__u1rW-{height:calc(100% - var(--ui89-safe-space));width:var(--ui89-safe-space)}.HoverShadow-module_hoverShadowBottom__mTTdA,.HoverShadow-module_hoverShadowRight__u1rW-{background:#000;bottom:0;box-sizing:border-box;display:block;position:absolute;right:0;z-index:0}.HoverShadow-module_hoverShadowBottom__mTTdA{height:var(--ui89-safe-space);width:calc(100% - var(--ui89-safe-space))}.Ui89Card-module_container__-8hhJ{background:var(--ui89-scene-card-bg-color);border-bottom:calc(var(--ui89-safe-space)) solid #00000040;border-left:calc(var(--ui89-safe-space)) solid #ffffff20;border-radius:var(--ui89-box-border-radius);border-right:calc(var(--ui89-safe-space)) solid #00000040;border-top:calc(var(--ui89-safe-space)) solid #ffffff20;border:1px solid var(--ui89-scene-card-text-color);box-shadow:0 1px 2px 0 #0000000d;color:var(--ui89-scene-card-text-color);display:flex;flex-direction:column;padding:calc(var(--ui89-safe-space)/4) calc(var(--ui89-safe-space)/2);position:relative}.Ui89Card-module_container__-8hhJ>*{flex:1}.Ui89Card-module_containerHasTop__UsQUD{margin-top:var(--ui89-safe-space)}.Ui89Card-module_inside__91GoJ{border:1px solid #fff;padding:calc(var(--ui89-safe-space))}.Ui89Card-module_topLeftCenter__r9PD6{bottom:100%;left:0;padding-left:var(--ui89-safe-space);position:absolute;transform:translateY(50%)}.Ui89Card-module_topCenter__SZWfR{display:flex;justify-content:center;left:var(--ui89-safe-space);position:absolute;right:var(--ui89-safe-space);top:0;transform:translateY(-50%)}.Ui89Card-module_cardHorizontalConnection__WEoNx{background:var(--ui89-scene-card-bg-color);margin:0 calc(var(--ui89-safe-space)*-1)}.Ui89Card-module_cardHorizontalConnection--overflow__wuaL1{margin:0 calc(var(--ui89-safe-space)*-1 - 1px)}.Ui89HighlightText-module_container__gap-L{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89HighlightText-module_container--block__BDJUL{display:block}.Ui89Hr-module_hr__64TZQ{--ui89-hr-color:var(--ui89-scene-card-text-color)}.Ui89Hr-module_hr--straight__xLovR{border-top:1px solid var(--ui89-hr-color)}.Ui89Hr-module_hr--dotted__jChvp{border-top:1px dotted var(--ui89-hr-color)}.Ui89Hr-module_hr--dashed__bbsS2{border-top:1px dashed var(--ui89-hr-color)}.Ui89Hr-module_hr--double__DoNtB{border-top:1px solid var(--ui89-hr-color)}.Ui89Hr-module_hr--double__DoNtB .Ui89Hr-module_hrDouble__7oh3f{border-top:1px solid var(--ui89-hr-color);margin-top:4px}.Ui89Hr-module_hr--use-theme__-AhkX{--ui89-hr-color:var(--ui89-chosen-theme-bg-color)}.Ui89InputFileUpload-module_inputFileUpload__-sTRV{align-items:center;display:flex;gap:calc(var(--ui89-safe-space)*1)}.Ui89InputFileUpload-module_inputFileUpload__info__VFVuy{min-width:0}.text-module_unbreakable__3eDe3{white-space:nowrap}.text-module_ellipsis__3-f-B,.text-module_singleLine__X6pYL{overflow:hidden;text-overflow:ellipsis}.text-module_singleLine__X6pYL{white-space:nowrap}.text-module_singleLine--ellipsisLeft__n1auO{direction:rtl}.Ui89InputSelect-module_inputSelect__R3-fU{position:relative}.Ui89InputSelect-module_menu__T-rDA{background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);display:none;left:0;max-height:300px;overflow:auto;position:absolute;top:100%;width:100%;z-index:1}.Ui89InputSelect-module_menuContent__poCdH{display:inline-flex;flex-direction:column;min-width:100%}.Ui89InputSelect-module_inputSelect__R3-fU:focus-within .Ui89InputSelect-module_menu__T-rDA{animation:Ui89InputSelect-module_appear__S2gIU var(--ui89-animation-speed);display:block}@keyframes Ui89InputSelect-module_appear__S2gIU{0%{transform:translateY(-5px)}to{transform:translateY(0)}}.Ui89InputSelect-module_menuItem__3l1y0{align-items:center;background:var(--ui89-input-bg-color);color:var(--ui89-input-text-color);display:inline-flex;height:var(--ui89-input-height);padding:0 var(--ui89-safe-space);user-select:none;white-space:nowrap}.Ui89InputSelect-module_menuItem__3l1y0:not(.Ui89InputSelect-module_menuItem--disabled__eEjvv){cursor:pointer}.Ui89InputSelect-module_menuItem__3l1y0.Ui89InputSelect-module_selected__AbSbK,.Ui89InputSelect-module_menuItem__3l1y0:not(.Ui89InputSelect-module_menuItem--disabled__eEjvv):hover{background:var(--ui89-input-text-color);color:var(--ui89-input-bg-color)}.Ui89InputSelect-module_menuItem--disabled__eEjvv{color:var(--ui89-palette-white)}.input-box-module_inputBox__hMERT{background:var(--ui89-input-bg-color);border:0;border-radius:0;box-sizing:border-box;color:var(--ui89-input-text-color);display:block;height:var(--ui89-input-height);line-height:var(--ui89-input-height);outline:none;padding:0 var(--ui89-safe-space);width:100%}.input-box-module_inputBox--unselectable__1VrB-{user-select:none}.input-box-module_inputBox--clickable__CXeLj{cursor:var(--ui89-cursor-pointer)}.Ui89MenuBar-module_menuBar__IlnEP{background:var(--ui89-theme-primary-bg-color);color:var(--ui89-theme-primary-text-color);display:flex;height:16px}.Ui89MenuBar-module_menuBarItem__UVFg2{cursor:var(--ui89-cursor-pointer);padding:0 calc(var(--ui89-safe-space)*2)}.Ui89MenuBar-module_menuBarItem__UVFg2:active,.Ui89MenuBar-module_menuBarItem__UVFg2:hover{background:var(--ui89-theme-primary-text-color);color:var(--ui89-theme-primary-bg-color)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar{background:var(--ui89-scene-bg-color);width:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-track{background:var(--ui89-scene-bg-color);background:var(--ui89-palette-dark-gray);border:1px solid var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb{background:var(--ui89-palette-light-gray);border:1px solid #0000}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:vertical{border-bottom-color:var(--ui89-palette-dark-gray);border-top-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-thumb:horizontal{border-left-color:var(--ui89-palette-dark-gray);border-right-color:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button{background-color:#bbb;border-style:solid;display:block;height:calc(var(--ui89-safe-space)*2)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement{border-color:#0000 #0000 var(--ui89-palette-black) #0000;border-width:0 var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment{border-color:var(--ui89-palette-black) #0000 #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) 0 var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:vertical:increment:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement{border-color:#0000 var(--ui89-palette-black) #0000 #0000;border-width:var(--ui89-safe-space) var(--ui89-safe-space) var(--ui89-safe-space) 0}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:decrement:active{background:var(--ui89-palette-dark-gray)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment{border-color:#0000 #0000 #0000 var(--ui89-palette-black);border-width:var(--ui89-safe-space) 0 var(--ui89-safe-space) var(--ui89-safe-space)}.scrollbar-module_container__q4x0n ::-webkit-scrollbar-button:single-button:horizontal:increment:active{background:var(--ui89-palette-dark-gray)}.Ui89ModalDialog-module_dialog__JtOw1{animation:Ui89ModalDialog-module_appear__Xt-kk var(--ui89-animation-speed);display:none;inset:0;position:fixed}.Ui89ModalDialog-module_dialog--open__9o2xZ{display:block}.Ui89ModalDialog-module_dialogBackdrop__pw9Av{background-color:#0006;inset:0;position:absolute}.Ui89ModalDialog-module_dialogBox__ilddn{border:none;border-radius:0;inset:0;bottom:auto;display:flex;flex-direction:column;margin:auto;max-height:100%;min-height:0;outline:none;overflow:auto;position:absolute;word-break:break-word}.Ui89ModalDialog-module_spacer__fS17b{height:100px;min-height:0}.Ui89ModalDialog-module_dialogBox__ilddn>:not(.Ui89ModalDialog-module_spacer__fS17b){flex:1 0;min-height:0}.Ui89ModalDialog-module_dialogBox--size-big__YT0xb{max-width:700px}.Ui89ModalDialog-module_dialogBox--size-medium__lZrJR{max-width:500px}.Ui89ModalDialog-module_dialogBox--size-small__-2nH-{max-width:300px}@keyframes Ui89ModalDialog-module_appear__Xt-kk{0%{opacity:0}to{opacity:1}}.Ui89Scene-module_scene__5uNRp{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);overflow:visible}.look-module_main__dCtZk{--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:#fff3;--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)}.look-module_side__bCbry{--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:#fff3;--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)}.GridExpandTrick-module_gridExpandTrick__10Eg5{display:grid}.GridExpandTrick-module_gridExpandTrick__10Eg5>*{min-height:0;min-width:0}.ScrollContainer-module_scrollContainer__J82cj{overflow:auto}.Ui89NameValuePair-module_nameValuePair__eRuAY{display:flex}.Ui89NameValuePair-module_nameValuePair__nameWrapper__CstZ0{display:flex;flex:1}.Ui89NameValuePair-module_nameValuePair__dots__BaHp6{border-bottom:1px dashed;flex:1 1;height:.75em;margin:0 2px;min-width:calc(var(--ui89-safe-space)*2)}.Ui89Shortcut-module_container__L07CL{box-sizing:border-box;cursor:var(--ui89-cursor-pointer);display:inline-flex;flex-direction:column;position:relative;text-align:center;user-select:none}.Ui89Shortcut-module_label__Q2ffs{max-width:140px}.Ui89Shortcut-module_container__L07CL:hover{border-color:currentColor}.Ui89Shortcut-module_container__L07CL:hover .Ui89Shortcut-module_label__Q2ffs{background:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89Shortcut-module_imageContainer__tCoZK{align-items:flex-end;display:flex;justify-content:center;position:relative}.Ui89Shortcut-module_image__f4Hsg{display:block;height:140px;width:140px}.Ui89Shortcut-module_shortcutIconContainer__t30jR{position:relative;width:0}.Ui89Shortcut-module_shortcutIcon__SjZkr{bottom:0;pointer-events:none;position:absolute;right:0}.Ui89Tabs-module_navigation__y1WSG{display:flex;flex-wrap:wrap}.Ui89Tabs-module_navigation--stretch__N6YL5 .Ui89Tabs-module_navigationItem__keX-1{flex-grow:1}.Ui89Tabs-module_navigationItem__keX-1{background-color:var(--ui89-scene-bg-color);color:var(--ui89-scene-text-color);cursor:var(--ui89-cursor-pointer);padding:0 calc(var(--ui89-safe-space)*3);text-align:center}.Ui89Tabs-module_navigationItemSelected__R7dba,.Ui89Tabs-module_navigationItem__keX-1:hover{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color)}.Ui89TagBox-module_container__2GXMj{border-radius:var(--box-border-radius);display:inline-block;line-height:1;padding:calc(var(--ui89-safe-space)/2) calc(var(--ui89-safe-space)*2)}.Ui89TagBox-module_container__2GXMj,.Ui89ThemeBackground-module_background__4C-5t{background-color:var(--ui89-chosen-theme-bg-color);color:var(--ui89-chosen-theme-text-color)}.Ui89TitleBox-module_container__M-b7J{display:flex}.Ui89TitleBox-module_inside__GWTlP{background-color:var(--ui89-scene-text-color);color:var(--ui89-scene-bg-color);min-width:0;padding:0 var(--ui89-safe-space)}.Ui89TitleUnderline-module_container__EaGZi{display:flex;line-height:1}.Ui89TitleUnderline-module_inside__uwwxa{border-bottom:1px solid;min-width:0;padding-bottom:calc(var(--ui89-safe-space)/2);position:relative}.Ui89TitleUnderline-module_inside__uwwxa:after{border-bottom:1px solid;content:"";inset:0;position:absolute;transform:translateY(-2px);z-index:0}.Ui89VirtualTable-module_table__TkJv-{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow:auto}.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_empty__0TQZA,.Ui89VirtualTable-module_table__TkJv->.Ui89VirtualTable-module_tableBody__S53mE{flex:1}.Ui89VirtualTable-module_tableHeader__gK1W1{display:flex;position:sticky;top:0;z-index:2}.Ui89VirtualTable-module_empty__0TQZA{align-items:center;display:flex;justify-content:center;text-align:center}.Ui89VirtualTable-module_cell__yecQB{align-items:center;background:var(--ui89-scene-bg-color);border-bottom:2px solid var(--ui89-scene-text-color);box-sizing:border-box;display:flex;overflow:hidden;padding:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-first__ymIC-{padding-left:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--column-last__fEGx6{padding-right:var(--ui89-safe-space)}.Ui89VirtualTable-module_cell--row-first__aWHap{border-top:none}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/esm/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["global.css","Ui89Toaster.css","Ui89Breadcrumbs.module.css","typo.module.css","reset.module.css","chosen-theme.module.css","Ui89Button.module.css","HoverShadow.module.css","Ui89Card.module.css","Ui89HighlightText.module.css","Ui89Hr.module.css","Ui89InputFileUpload.module.css","text.module.css","Ui89InputSelect.module.css","input-box.module.css","Ui89MenuBar.module.css","scrollbar.module.css","Ui89ModalDialog.module.css","Ui89Scene.module.css","look.module.css","GridExpandTrick.module.css","ScrollContainer.module.css","Ui89NameValuePair.module.css","Ui89Shortcut.module.css","Ui89Tabs.module.css","Ui89TagBox.module.css","Ui89ThemeBackground.module.css","Ui89TitleBox.module.css","Ui89TitleUnderline.module.css","Ui89VirtualTable.module.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\n * Variables.\n */\n:root {\n /* Leet colors. */\n --ui89-palette-black: #000000;\n --ui89-palette-dark-blue: #0000aa;\n --ui89-palette-dark-green: #00aa00;\n --ui89-palette-dark-cyan: #00aaaa;\n --ui89-palette-dark-red: #aa0000;\n --ui89-palette-dark-pink: #aa00aa;\n --ui89-palette-dark-yellow: #aa5500;\n --ui89-palette-light-gray: #aaaaaa;\n --ui89-palette-dark-gray: #555555;\n --ui89-palette-light-blue: #5454ff;\n --ui89-palette-light-green: #55ff55;\n --ui89-palette-light-cyan: #55ffff;\n --ui89-palette-light-red: #ff5555;\n --ui89-palette-light-pink: #ff55ff;\n --ui89-palette-light-yellow: #ffff55;\n --ui89-palette-white: #ffffff;\n\n /* Themes */\n --ui89-theme-primary-text-color: var(--ui89-palette-black);\n --ui89-theme-primary-bg-color: var(--ui89-palette-light-yellow);\n\n --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n\n --ui89-theme-success-text-color: var(--ui89-palette-white);\n --ui89-theme-success-bg-color: var(--ui89-palette-dark-green);\n\n --ui89-theme-info-text-color: var(--ui89-palette-white);\n --ui89-theme-info-bg-color: var(--ui89-palette-light-blue);\n\n --ui89-theme-warning-text-color: var(--ui89-palette-white);\n --ui89-theme-warning-bg-color: var(--ui89-palette-dark-yellow);\n\n --ui89-theme-danger-text-color: var(--ui89-palette-white);\n --ui89-theme-danger-bg-color: var(--ui89-palette-dark-red);\n\n /* Size and alignment */\n --ui89-safe-space: 8px;\n --ui89-input-height: 32px;\n\n /* Typography */\n --ui89-font-size-huge: 32px;\n --ui89-font-size-big: 20px;\n --ui89-font-size-normal: 16px;\n --ui89-font-size-small: 14px;\n --ui89-font-size-tiny: 10px;\n\n /* Input box */\n --ui89-input-bg-color: var(--ui89-palette-black);\n --ui89-input-text-color: var(--ui89-palette-light-yellow);\n\n /* Animation */\n --ui89-animation-speed: 100ms;\n\n /* Cursors */\n --ui89-cursor-default: default;\n --ui89-cursor-pointer: pointer;\n}\n",".ui89-toaster::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border: var(--ui89-toaster-border-width) solid\n var(--ui89-chosen-theme-text-color);\n margin: var(--ui89-safe-space);\n}\n\n.ui89-toaster::after {\n /* This is the title */\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n background: var(--ui89-chosen-theme-bg-color);\n color: var(--ui89-chosen-theme-text-color);\n padding: 0 var(--ui89-safe-space);\n}\n\n.ui89-toaster.Toastify__toast--default {\n --ui89-toaster-border-width: 1px;\n\n /* Tostify uses display flex by default. */\n display: block;\n\n /* We want to be as flexible as possible. */\n min-height: auto;\n\n padding: calc(var(--ui89-safe-space) * 2 + var(--ui89-toaster-border-width));\n\n border-radius: 0;\n box-shadow: 10px 10px 0px black;\n background: var(--ui89-chosen-theme-bg-color);\n color: var(--ui89-chosen-theme-text-color);\n}\n\n.ui89-toaster .Toastify__progress-bar--wrp {\n border-radius: 0;\n}\n",".breadcrumbs {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n overflow: hidden;\n padding: var(--ui89-safe-space);\n}\n\n.breadcrumbsItem {\n display: block;\n color: var(--ui89-chosen-theme-text-color);\n padding-left: calc(var(--ui89-safe-space) * 3);\n padding-right: calc(var(--ui89-safe-space) * 2);\n margin: calc(var(--ui89-safe-space) * -1);\n\n /* For background */\n position: relative;\n clip-path: polygon(\n 0% 0%,\n calc(100% - var(--ui89-safe-space)) 0%,\n 100% 50%,\n calc(100% - var(--ui89-safe-space)) 100%,\n 0% 100%\n );\n\n /* Animation */\n animation: appear var(--ui89-animation-speed);\n}\n\n.breadcrumbsItem:last-child {\n padding-left: calc(var(--ui89-safe-space) * 2);\n}\n\n@keyframes appear {\n from {\n transform: translateX(-100%);\n }\n\n to {\n transform: translateX(0%);\n }\n}\n\n.breadcrumbsItemBackground {\n position: absolute;\n z-index: -1;\n inset: 0;\n background-color: var(--ui89-chosen-theme-bg-color);\n filter: brightness(calc(1 - var(--ui89-index) * 0.1));\n}\n",".big {\n font-family: monospace;\n font-size: var(--ui89-font-size-big);\n line-height: 25px;\n}\n\n.normal {\n font-family: monospace;\n font-size: var(--ui89-font-size-normal);\n line-height: 16px;\n}\n\n.normalBold {\n font-family: monospace;\n font-size: var(--ui89-font-size-normal);\n line-height: 16px;\n font-weight: bold;\n}\n\n.small {\n font-family: monospace;\n font-size: var(--ui89-font-size-small);\n line-height: 16px;\n}\n\n.smallBold {\n font-family: monospace;\n font-size: var(--ui89-font-size-small);\n line-height: 16px;\n font-weight: bold;\n}\n\n/* For buttons and such. */\n.special {\n font-family: monospace;\n font-size: var(--ui89-font-size-small);\n font-weight: bold;\n}\n",".a {\n text-decoration: none;\n}\n",".primary {\n --ui89-chosen-theme-text-color: var(--ui89-theme-primary-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-primary-bg-color);\n}\n\n.secondary {\n --ui89-chosen-theme-text-color: var(--ui89-theme-secondary-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-secondary-bg-color);\n}\n\n.info {\n --ui89-chosen-theme-text-color: var(--ui89-theme-info-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-info-bg-color);\n}\n\n.success {\n --ui89-chosen-theme-text-color: var(--ui89-theme-success-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-success-bg-color);\n}\n\n.warning {\n --ui89-chosen-theme-text-color: var(--ui89-theme-warning-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-warning-bg-color);\n}\n\n.danger {\n --ui89-chosen-theme-text-color: var(--ui89-theme-danger-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-danger-bg-color);\n}\n",".container {\n display: inline-grid;\n}\n\n.container--size-standard .button {\n height: 22px;\n padding: 0 calc(var(--ui89-safe-space) * 2);\n min-width: 60px;\n}\n\n.container--size-square .button {\n width: 22px;\n height: 22px;\n flex-basis: 22px;\n\n /* We want to keep it square. */\n overflow: hidden;\n}\n\n.button {\n display: inline-flex;\n justify-content: center;\n align-items: center; /* align vertical */\n border: 0;\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n border-radius: 1px;\n font-weight: bold;\n user-select: none;\n text-align: center;\n box-sizing: border-box;\n border: 1px solid #00000010;\n\n transition: transform var(--ui89-animation-speed);\n\n /* For the button active/hover/focus state */\n position: relative;\n\n cursor: var(--ui89-cursor-pointer);\n}\n\n.button:before {\n position: absolute;\n inset: 0;\n}\n\n.block {\n display: flex;\n}\n\n.button:hover:not(.disabled):not(.active):before {\n content: \"\";\n background-color: #ffffff40;\n cursor: var(--ui89-cursor-pointer);\n}\n\n.button:active:not(.disabled),\n.active {\n transform: translate3d(\n calc(var(--ui89-safe-space) / 2),\n calc(var(--ui89-safe-space) / 2),\n 0\n );\n}\n\n.button:active:not(.disabled):not(.active):before {\n content: none;\n background-color: #00000040;\n cursor: var(--ui89-cursor-pointer);\n}\n\n.disabled {\n opacity: 0.5;\n cursor: var(--ui89-cursor-default);\n}\n\n.click {\n position: absolute;\n inset: 0;\n}\n\n.button:active:not(.disabled) > .click,\n.active > .click {\n transform: translate3d(\n calc(var(--ui89-safe-space) / 2 * -1),\n calc(var(--ui89-safe-space) / 2 * -1),\n 0\n );\n}\n",".hoverShadow {\n display: inline-grid;\n padding-right: var(--ui89-safe-space);\n padding-bottom: var(--ui89-safe-space);\n position: relative;\n}\n\n.hoverShadowRight {\n display: block;\n position: absolute;\n right: 0;\n bottom: 0;\n height: calc(100% - var(--ui89-safe-space));\n width: var(--ui89-safe-space);\n box-sizing: border-box;\n background: black;\n z-index: 0;\n}\n\n.hoverShadowBottom {\n display: block;\n position: absolute;\n right: 0;\n bottom: 0;\n width: calc(100% - var(--ui89-safe-space));\n height: var(--ui89-safe-space);\n box-sizing: border-box;\n background: black;\n z-index: 0;\n}\n",".container {\n background: var(--ui89-scene-card-bg-color);\n color: var(--ui89-scene-card-text-color);\n border-radius: var(--ui89-box-border-radius);\n position: relative;\n box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;\n border-top: calc(var(--ui89-safe-space)) solid #ffffff20;\n border-left: calc(var(--ui89-safe-space)) solid #ffffff20;\n border-right: calc(var(--ui89-safe-space)) solid #00000040;\n border-bottom: calc(var(--ui89-safe-space)) solid #00000040;\n padding: calc(var(--ui89-safe-space) / 4) calc(var(--ui89-safe-space) / 2);\n border: 1px solid var(--ui89-scene-card-text-color);\n\n display: flex;\n flex-direction: column;\n}\n\n.container > * {\n flex: 1;\n}\n\n.containerHasTop {\n margin-top: var(--ui89-safe-space);\n}\n\n.inside {\n border: 1px solid white;\n padding: calc(var(--ui89-safe-space));\n}\n\n.topLeftCenter {\n position: absolute;\n bottom: 100%;\n left: 0;\n padding-left: var(--ui89-safe-space);\n transform: translateY(50%);\n}\n\n.topCenter {\n position: absolute;\n top: 0;\n transform: translateY(-50%);\n left: var(--ui89-safe-space);\n right: var(--ui89-safe-space);\n display: flex;\n justify-content: center;\n}\n\n.cardHorizontalConnection {\n margin: 0 calc(var(--ui89-safe-space) * -1);\n background: var(--ui89-scene-card-bg-color);\n}\n\n.cardHorizontalConnection--overflow {\n margin: 0 calc(var(--ui89-safe-space) * -1 - 1px);\n}\n",".container {\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n}\n\n.container--block {\n display: block;\n}\n",".hr {\n --ui89-hr-color: var(--ui89-scene-card-text-color);\n}\n\n.hr--straight {\n border-top: 1px solid var(--ui89-hr-color);\n}\n\n.hr--dotted {\n border-top: 1px dotted var(--ui89-hr-color);\n}\n\n.hr--dashed {\n border-top: 1px dashed var(--ui89-hr-color);\n}\n\n.hr--double {\n border-top: 1px solid var(--ui89-hr-color);\n}\n\n.hr--double .hrDouble {\n margin-top: 4px;\n border-top: 1px solid var(--ui89-hr-color);\n}\n\n.hr--use-theme {\n --ui89-hr-color: var(--ui89-chosen-theme-bg-color);\n}\n",".inputFileUpload {\n display: flex;\n gap: calc(var(--ui89-safe-space) * 1);\n align-items: center;\n}\n\n.inputFileUpload__info {\n /* We do not want to squish the button */\n min-width: 0;\n}\n",".unbreakable {\n white-space: nowrap;\n}\n\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.singleLine {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.singleLine--ellipsisLeft {\n direction: rtl;\n}\n",".inputSelect {\n position: relative;\n}\n\n.menu {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n max-height: 300px;\n overflow: auto;\n display: none;\n background: var(--ui89-input-bg-color);\n color: var(--ui89-input-text-color);\n z-index: 1;\n}\n\n.menuContent {\n display: inline-flex;\n flex-direction: column;\n\n /* We want to make sure that all items occupy at least the width of the menu */\n min-width: 100%;\n}\n\n.inputSelect:focus-within .menu {\n display: block;\n\n animation: appear var(--ui89-animation-speed);\n}\n\n@keyframes appear {\n from {\n transform: translateY(-5px);\n }\n\n to {\n transform: translateY(0%);\n }\n}\n\n.menuItem {\n display: inline-flex;\n align-items: center;\n background: var(--ui89-input-bg-color);\n color: var(--ui89-input-text-color);\n height: var(--ui89-input-height);\n padding: 0 var(--ui89-safe-space);\n white-space: nowrap;\n user-select: none;\n}\n\n.menuItem:not(.menuItem--disabled) {\n cursor: pointer;\n}\n\n.menuItem:not(.menuItem--disabled):hover,\n.menuItem.selected {\n background: var(--ui89-input-text-color);\n color: var(--ui89-input-bg-color);\n}\n\n.menuItem--disabled {\n color: var(--ui89-palette-white);\n}\n",".inputBox {\n box-sizing: border-box;\n display: block;\n width: 100%;\n\n height: var(--ui89-input-height);\n line-height: var(--ui89-input-height);\n padding: 0 var(--ui89-safe-space);\n border: 0;\n\n border-radius: 0;\n outline: none;\n\n background: var(--ui89-input-bg-color);\n color: var(--ui89-input-text-color);\n}\n\n.inputBox--unselectable {\n user-select: none;\n}\n\n.inputBox--clickable {\n cursor: var(--ui89-cursor-pointer);\n}\n",".menuBar {\n display: flex;\n\n height: 16px;\n\n color: var(--ui89-theme-primary-text-color);\n background: var(--ui89-theme-primary-bg-color);\n}\n\n.menuBarItem {\n cursor: var(--ui89-cursor-pointer);\n padding: 0 calc(var(--ui89-safe-space) * 2);\n}\n\n.menuBarItem:hover,\n.menuBarItem:active {\n color: var(--ui89-theme-primary-bg-color);\n background: var(--ui89-theme-primary-text-color);\n}\n",".container ::-webkit-scrollbar {\n background: var(--ui89-scene-bg-color);\n width: calc(var(--ui89-safe-space) * 2);\n}\n\n.container ::-webkit-scrollbar-track {\n background: var(--ui89-scene-bg-color);\n background: var(--ui89-palette-dark-gray);\n border: 1px solid var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-thumb {\n background: var(--ui89-palette-light-gray);\n border: 1px solid transparent;\n}\n.container ::-webkit-scrollbar-thumb:vertical {\n border-top-color: var(--ui89-palette-dark-gray);\n border-bottom-color: var(--ui89-palette-dark-gray);\n}\n.container ::-webkit-scrollbar-thumb:horizontal {\n border-left-color: var(--ui89-palette-dark-gray);\n border-right-color: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button {\n background-color: #bbbbbb;\n display: block;\n border-style: solid;\n height: calc(var(--ui89-safe-space) * 2);\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement {\n border-width: 0 var(--ui89-safe-space) var(--ui89-safe-space)\n var(--ui89-safe-space);\n border-color: transparent transparent var(--ui89-palette-black) transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement:active {\n background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:vertical:increment {\n border-width: var(--ui89-safe-space) var(--ui89-safe-space) 0\n var(--ui89-safe-space);\n border-color: var(--ui89-palette-black) transparent transparent transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:increment:active {\n background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:decrement {\n border-width: var(--ui89-safe-space) var(--ui89-safe-space)\n var(--ui89-safe-space) 0;\n border-color: transparent var(--ui89-palette-black) transparent transparent;\n}\n.container\n ::-webkit-scrollbar-button:single-button:horizontal:decrement:active {\n background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:increment {\n border-width: var(--ui89-safe-space) 0 var(--ui89-safe-space)\n var(--ui89-safe-space);\n border-color: transparent transparent transparent var(--ui89-palette-black);\n}\n.container\n ::-webkit-scrollbar-button:single-button:horizontal:increment:active {\n background: var(--ui89-palette-dark-gray);\n}\n",".dialog {\n position: fixed;\n inset: 0px;\n\n display: none;\n animation: appear var(--ui89-animation-speed);\n}\n\n.dialog--open {\n display: block;\n}\n\n.dialogBackdrop {\n position: absolute;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n.dialogBox {\n position: absolute;\n inset: 0;\n border: none;\n border-radius: 0;\n outline: none;\n margin: auto;\n word-break: break-word;\n\n /*\n Need to make sure that the dialog does not overflow page.\n The contents inside must overflow.\n */\n max-height: 100%;\n min-height: 0;\n bottom: auto;\n overflow: auto;\n\n display: flex;\n flex-direction: column;\n}\n\n.spacer {\n min-height: 0;\n height: 100px;\n}\n\n.dialogBox > *:not(.spacer) {\n flex: 1 0;\n min-height: 0;\n}\n\n.dialogBox--size-big {\n max-width: 700px;\n}\n\n.dialogBox--size-medium {\n max-width: 500px;\n}\n\n.dialogBox--size-small {\n max-width: 300px;\n}\n\n@keyframes appear {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n",".scene {\n background-color: var(--ui89-scene-bg-color);\n color: var(--ui89-scene-text-color);\n overflow: visible;\n}\n",".main {\n --ui89-scene-text-color: var(--ui89-palette-white);\n --ui89-scene-text-subtle-color: var(--ui89-palette-light-gray);\n --ui89-scene-bg-color: var(--ui89-palette-dark-blue);\n --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n --ui89-scene-card-bg-color: var(--ui89-palette-dark-blue);\n --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n --ui89-theme-primary-text-color: var(--ui89-palette-white);\n --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n --ui89-theme-secondary-bg-color: var(--ui89-palette-light-gray);\n}\n\n.side {\n --ui89-scene-text-color: var(--ui89-palette-white);\n --ui89-scene-text-subtle-color: var(--ui89-palette-dark-gray);\n --ui89-scene-bg-color: var(--ui89-palette-light-gray);\n --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n --ui89-scene-card-bg-color: var(--ui89-palette-light-gray);\n --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n --ui89-theme-primary-text-color: var(--ui89-palette-white);\n --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n}\n",".gridExpandTrick {\n display: grid;\n}\n\n.gridExpandTrick > * {\n min-height: 0;\n min-width: 0;\n}\n",".scrollContainer {\n overflow: auto;\n}\n",".nameValuePair {\n display: flex;\n}\n\n.nameValuePair__nameWrapper {\n display: flex;\n flex: 1;\n}\n\n.nameValuePair__dots {\n flex: 1 1;\n min-width: calc(var(--ui89-safe-space) * 2);\n border-bottom: 1px dashed currentColor;\n\n /* Want to make sure that the dots are at the baseline */\n height: calc(1em * 0.75);\n\n /* So that the dots are not too close to the text */\n margin: 0 2px;\n}\n",".container {\n display: inline-flex;\n flex-direction: column;\n\n position: relative;\n text-align: center;\n\n box-sizing: border-box;\n\n user-select: none;\n cursor: var(--ui89-cursor-pointer);\n}\n\n.label {\n max-width: 140px;\n}\n\n.container:hover {\n border-color: currentColor;\n}\n.container:hover .label {\n background: var(--ui89-scene-text-color);\n color: var(--ui89-scene-bg-color);\n}\n\n.imageContainer {\n display: flex;\n align-items: flex-end;\n justify-content: center;\n position: relative;\n}\n\n.image {\n display: block;\n width: 140px;\n height: 140px;\n}\n\n.shortcutIconContainer {\n position: relative;\n width: 0;\n}\n\n.shortcutIcon {\n position: absolute;\n bottom: 0;\n right: 0;\n pointer-events: none;\n}\n",".navigation {\n display: flex;\n flex-wrap: wrap;\n}\n\n.navigation--stretch .navigationItem {\n flex-grow: 1;\n}\n\n.navigationItem {\n color: var(--ui89-scene-text-color);\n background-color: var(--ui89-scene-bg-color);\n padding: 0 calc(var(--ui89-safe-space) * 3);\n cursor: var(--ui89-cursor-pointer);\n text-align: center;\n}\n\n.navigationItem:hover,\n.navigationItemSelected {\n background-color: var(--ui89-scene-text-color);\n color: var(--ui89-scene-bg-color);\n}\n",".container {\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n\n display: inline-block;\n padding: calc(var(--ui89-safe-space) / 2) calc(var(--ui89-safe-space) * 2);\n border-radius: var(--box-border-radius);\n line-height: 1;\n}\n",".background {\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n}\n",".container {\n display: flex;\n}\n\n.inside {\n min-width: 0;\n color: var(--ui89-scene-bg-color);\n background-color: var(--ui89-scene-text-color);\n padding: 0px var(--ui89-safe-space);\n}\n",".container {\n display: flex;\n line-height: 1;\n}\n\n.inside {\n min-width: 0;\n border-bottom: 1px solid;\n position: relative;\n padding-bottom: calc(var(--ui89-safe-space) / 2);\n}\n\n.inside:after {\n content: \"\";\n position: absolute;\n inset: 0;\n transform: translateY(-2px);\n border-bottom: 1px solid;\n z-index: 0;\n}\n",".table {\n display: flex;\n flex-direction: column;\n overflow: auto;\n height: 100%;\n box-sizing: border-box;\n}\n\n.table > .tableBody,\n.table > .empty {\n flex: 1;\n}\n\n.tableHeader {\n position: sticky;\n top: 0;\n display: flex;\n z-index: 2;\n}\n\n.empty {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.cell {\n display: flex;\n align-items: center;\n padding: var(--ui89-safe-space);\n border-bottom: 2px solid var(--ui89-scene-text-color);\n\n /* The width of the column will include padding and border. */\n box-sizing: border-box;\n\n overflow: hidden;\n\n /* So that the floating headers remain visible. */\n background: var(--ui89-scene-bg-color);\n}\n\n.cell--column-first {\n padding-left: var(--ui89-safe-space);\n}\n\n.cell--column-last {\n padding-right: var(--ui89-safe-space);\n}\n\n.cell--row-first {\n border-top: none;\n}\n\n.cell--row-last {\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["global.css","Ui89Toaster.css","Ui89Breadcrumbs.module.css","typo.module.css","reset.module.css","chosen-theme.module.css","Ui89Button.module.css","HoverShadow.module.css","Ui89Card.module.css","Ui89HighlightText.module.css","Ui89Hr.module.css","Ui89InputFileUpload.module.css","text.module.css","Ui89InputSelect.module.css","input-box.module.css","Ui89MenuBar.module.css","scrollbar.module.css","Ui89ModalDialog.module.css","Ui89Scene.module.css","look.module.css","GridExpandTrick.module.css","ScrollContainer.module.css","Ui89NameValuePair.module.css","Ui89Shortcut.module.css","Ui89Tabs.module.css","Ui89TagBox.module.css","Ui89ThemeBackground.module.css","Ui89TitleBox.module.css","Ui89TitleUnderline.module.css","Ui89VirtualTable.module.css"],"names":[],"mappings":"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","file":"index.css","sourcesContent":["/*\n * Variables.\n */\n:root {\n /* Leet colors. */\n --ui89-palette-black: #000000;\n --ui89-palette-dark-blue: #0000aa;\n --ui89-palette-dark-green: #00aa00;\n --ui89-palette-dark-cyan: #00aaaa;\n --ui89-palette-dark-red: #aa0000;\n --ui89-palette-dark-pink: #aa00aa;\n --ui89-palette-dark-yellow: #aa5500;\n --ui89-palette-light-gray: #aaaaaa;\n --ui89-palette-dark-gray: #555555;\n --ui89-palette-light-blue: #5454ff;\n --ui89-palette-light-green: #55ff55;\n --ui89-palette-light-cyan: #55ffff;\n --ui89-palette-light-red: #ff5555;\n --ui89-palette-light-pink: #ff55ff;\n --ui89-palette-light-yellow: #ffff55;\n --ui89-palette-white: #ffffff;\n\n /* Themes */\n --ui89-theme-primary-text-color: var(--ui89-palette-black);\n --ui89-theme-primary-bg-color: var(--ui89-palette-light-yellow);\n\n --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n\n --ui89-theme-success-text-color: var(--ui89-palette-white);\n --ui89-theme-success-bg-color: var(--ui89-palette-dark-green);\n\n --ui89-theme-info-text-color: var(--ui89-palette-white);\n --ui89-theme-info-bg-color: var(--ui89-palette-light-blue);\n\n --ui89-theme-warning-text-color: var(--ui89-palette-white);\n --ui89-theme-warning-bg-color: var(--ui89-palette-dark-yellow);\n\n --ui89-theme-danger-text-color: var(--ui89-palette-white);\n --ui89-theme-danger-bg-color: var(--ui89-palette-dark-red);\n\n /* Size and alignment */\n --ui89-safe-space: 8px;\n --ui89-input-height: 32px;\n\n /* Typography */\n --ui89-font-size-huge: 32px;\n --ui89-font-size-big: 20px;\n --ui89-font-size-normal: 16px;\n --ui89-font-size-small: 14px;\n --ui89-font-size-tiny: 10px;\n\n /* Input box */\n --ui89-input-bg-color: var(--ui89-palette-black);\n --ui89-input-text-color: var(--ui89-palette-light-yellow);\n\n /* Animation */\n --ui89-animation-speed: 100ms;\n\n /* Cursors */\n --ui89-cursor-default: default;\n --ui89-cursor-pointer: pointer;\n}\n",".ui89-toaster::before {\n content: \"\";\n position: absolute;\n inset: 0;\n border: var(--ui89-toaster-border-width) solid\n var(--ui89-chosen-theme-text-color);\n margin: var(--ui89-safe-space);\n}\n\n.ui89-toaster::after {\n /* This is the title */\n content: \"\";\n display: block;\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n background: var(--ui89-chosen-theme-bg-color);\n color: var(--ui89-chosen-theme-text-color);\n padding: 0 var(--ui89-safe-space);\n}\n\n.ui89-toaster.Toastify__toast--default {\n --ui89-toaster-border-width: 1px;\n\n /* Tostify uses display flex by default. */\n display: block;\n\n /* We want to be as flexible as possible. */\n min-height: auto;\n\n padding: calc(var(--ui89-safe-space) * 2 + var(--ui89-toaster-border-width));\n\n border-radius: 0;\n box-shadow: 10px 10px 0px black;\n background: var(--ui89-chosen-theme-bg-color);\n color: var(--ui89-chosen-theme-text-color);\n}\n\n.ui89-toaster .Toastify__progress-bar--wrp {\n border-radius: 0;\n}\n",".breadcrumbs {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n overflow: hidden;\n padding: var(--ui89-safe-space);\n}\n\n.breadcrumbsItem {\n display: block;\n color: var(--ui89-chosen-theme-text-color);\n padding-left: calc(var(--ui89-safe-space) * 3);\n padding-right: calc(var(--ui89-safe-space) * 2);\n margin: calc(var(--ui89-safe-space) * -1);\n\n /* For background */\n position: relative;\n clip-path: polygon(\n 0% 0%,\n calc(100% - var(--ui89-safe-space)) 0%,\n 100% 50%,\n calc(100% - var(--ui89-safe-space)) 100%,\n 0% 100%\n );\n\n /* Animation */\n animation: appear var(--ui89-animation-speed);\n}\n\n.breadcrumbsItem:last-child {\n padding-left: calc(var(--ui89-safe-space) * 2);\n}\n\n@keyframes appear {\n from {\n transform: translateX(-100%);\n }\n\n to {\n transform: translateX(0%);\n }\n}\n\n.breadcrumbsItemBackground {\n position: absolute;\n z-index: -1;\n inset: 0;\n background-color: var(--ui89-chosen-theme-bg-color);\n filter: brightness(calc(1 - var(--ui89-index) * 0.1));\n}\n",".big {\n font-family: monospace;\n font-size: var(--ui89-font-size-big);\n line-height: 25px;\n}\n\n.normal {\n font-family: monospace;\n font-size: var(--ui89-font-size-normal);\n line-height: 16px;\n}\n\n.normalBold {\n font-family: monospace;\n font-size: var(--ui89-font-size-normal);\n line-height: 16px;\n font-weight: bold;\n}\n\n.small {\n font-family: monospace;\n font-size: var(--ui89-font-size-small);\n line-height: 16px;\n}\n\n.smallBold {\n font-family: monospace;\n font-size: var(--ui89-font-size-small);\n line-height: 16px;\n font-weight: bold;\n}\n\n/* For buttons and such. */\n.special {\n font-family: monospace;\n font-size: var(--ui89-font-size-small);\n font-weight: bold;\n}\n",".a {\n text-decoration: none;\n}\n",".primary {\n --ui89-chosen-theme-text-color: var(--ui89-theme-primary-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-primary-bg-color);\n}\n\n.secondary {\n --ui89-chosen-theme-text-color: var(--ui89-theme-secondary-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-secondary-bg-color);\n}\n\n.info {\n --ui89-chosen-theme-text-color: var(--ui89-theme-info-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-info-bg-color);\n}\n\n.success {\n --ui89-chosen-theme-text-color: var(--ui89-theme-success-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-success-bg-color);\n}\n\n.warning {\n --ui89-chosen-theme-text-color: var(--ui89-theme-warning-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-warning-bg-color);\n}\n\n.danger {\n --ui89-chosen-theme-text-color: var(--ui89-theme-danger-text-color);\n --ui89-chosen-theme-bg-color: var(--ui89-theme-danger-bg-color);\n}\n",".container {\n display: inline-grid;\n height: fit-content;\n}\n\n.container--size-standard .button {\n height: 22px;\n padding: 0 calc(var(--ui89-safe-space) * 2);\n min-width: 60px;\n}\n\n.container--size-square {\n /* We want to keep it square. */\n width: fit-content;\n}\n\n.container--size-square .button {\n width: 22px;\n height: 22px;\n flex-basis: 22px;\n\n /* The user is more likely to put something here that does not fit. */\n overflow: hidden;\n}\n\n.button {\n display: inline-flex;\n justify-content: center;\n align-items: center; /* align vertical */\n border: 0;\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n border-radius: 1px;\n font-weight: bold;\n user-select: none;\n text-align: center;\n box-sizing: border-box;\n border: 1px solid #00000010;\n\n transition: transform var(--ui89-animation-speed);\n\n /* For the button active/hover/focus state */\n position: relative;\n\n cursor: var(--ui89-cursor-pointer);\n}\n\n.button:before {\n position: absolute;\n inset: 0;\n}\n\n.block {\n display: flex;\n}\n\n.button:hover:not(.disabled):not(.active):before {\n content: \"\";\n background-color: #ffffff40;\n cursor: var(--ui89-cursor-pointer);\n}\n\n.button:active:not(.disabled),\n.active {\n transform: translate3d(\n calc(var(--ui89-safe-space) / 2),\n calc(var(--ui89-safe-space) / 2),\n 0\n );\n}\n\n.button:active:not(.disabled):not(.active):before {\n content: none;\n background-color: #00000040;\n cursor: var(--ui89-cursor-pointer);\n}\n\n.disabled {\n opacity: 0.5;\n cursor: var(--ui89-cursor-default);\n}\n\n.click {\n position: absolute;\n inset: 0;\n}\n\n.button:active:not(.disabled) > .click,\n.active > .click {\n transform: translate3d(\n calc(var(--ui89-safe-space) / 2 * -1),\n calc(var(--ui89-safe-space) / 2 * -1),\n 0\n );\n}\n",".hoverShadow {\n display: grid;\n padding-right: var(--ui89-safe-space);\n padding-bottom: var(--ui89-safe-space);\n position: relative;\n}\n\n.hoverShadowRight {\n display: block;\n position: absolute;\n right: 0;\n bottom: 0;\n height: calc(100% - var(--ui89-safe-space));\n width: var(--ui89-safe-space);\n box-sizing: border-box;\n background: black;\n z-index: 0;\n}\n\n.hoverShadowBottom {\n display: block;\n position: absolute;\n right: 0;\n bottom: 0;\n width: calc(100% - var(--ui89-safe-space));\n height: var(--ui89-safe-space);\n box-sizing: border-box;\n background: black;\n z-index: 0;\n}\n",".container {\n background: var(--ui89-scene-card-bg-color);\n color: var(--ui89-scene-card-text-color);\n border-radius: var(--ui89-box-border-radius);\n position: relative;\n box-shadow: rgb(0 0 0 / 5%) 0px 1px 2px 0px;\n border-top: calc(var(--ui89-safe-space)) solid #ffffff20;\n border-left: calc(var(--ui89-safe-space)) solid #ffffff20;\n border-right: calc(var(--ui89-safe-space)) solid #00000040;\n border-bottom: calc(var(--ui89-safe-space)) solid #00000040;\n padding: calc(var(--ui89-safe-space) / 4) calc(var(--ui89-safe-space) / 2);\n border: 1px solid var(--ui89-scene-card-text-color);\n\n display: flex;\n flex-direction: column;\n}\n\n.container > * {\n flex: 1;\n}\n\n.containerHasTop {\n margin-top: var(--ui89-safe-space);\n}\n\n.inside {\n border: 1px solid white;\n padding: calc(var(--ui89-safe-space));\n}\n\n.topLeftCenter {\n position: absolute;\n bottom: 100%;\n left: 0;\n padding-left: var(--ui89-safe-space);\n transform: translateY(50%);\n}\n\n.topCenter {\n position: absolute;\n top: 0;\n transform: translateY(-50%);\n left: var(--ui89-safe-space);\n right: var(--ui89-safe-space);\n display: flex;\n justify-content: center;\n}\n\n.cardHorizontalConnection {\n margin: 0 calc(var(--ui89-safe-space) * -1);\n background: var(--ui89-scene-card-bg-color);\n}\n\n.cardHorizontalConnection--overflow {\n margin: 0 calc(var(--ui89-safe-space) * -1 - 1px);\n}\n",".container {\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n}\n\n.container--block {\n display: block;\n}\n",".hr {\n --ui89-hr-color: var(--ui89-scene-card-text-color);\n}\n\n.hr--straight {\n border-top: 1px solid var(--ui89-hr-color);\n}\n\n.hr--dotted {\n border-top: 1px dotted var(--ui89-hr-color);\n}\n\n.hr--dashed {\n border-top: 1px dashed var(--ui89-hr-color);\n}\n\n.hr--double {\n border-top: 1px solid var(--ui89-hr-color);\n}\n\n.hr--double .hrDouble {\n margin-top: 4px;\n border-top: 1px solid var(--ui89-hr-color);\n}\n\n.hr--use-theme {\n --ui89-hr-color: var(--ui89-chosen-theme-bg-color);\n}\n",".inputFileUpload {\n display: flex;\n gap: calc(var(--ui89-safe-space) * 1);\n align-items: center;\n}\n\n.inputFileUpload__info {\n /* We do not want to squish the button */\n min-width: 0;\n}\n",".unbreakable {\n white-space: nowrap;\n}\n\n.ellipsis {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.singleLine {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.singleLine--ellipsisLeft {\n direction: rtl;\n}\n",".inputSelect {\n position: relative;\n}\n\n.menu {\n position: absolute;\n top: 100%;\n left: 0;\n width: 100%;\n max-height: 300px;\n overflow: auto;\n display: none;\n background: var(--ui89-input-bg-color);\n color: var(--ui89-input-text-color);\n z-index: 1;\n}\n\n.menuContent {\n display: inline-flex;\n flex-direction: column;\n\n /* We want to make sure that all items occupy at least the width of the menu */\n min-width: 100%;\n}\n\n.inputSelect:focus-within .menu {\n display: block;\n\n animation: appear var(--ui89-animation-speed);\n}\n\n@keyframes appear {\n from {\n transform: translateY(-5px);\n }\n\n to {\n transform: translateY(0%);\n }\n}\n\n.menuItem {\n display: inline-flex;\n align-items: center;\n background: var(--ui89-input-bg-color);\n color: var(--ui89-input-text-color);\n height: var(--ui89-input-height);\n padding: 0 var(--ui89-safe-space);\n white-space: nowrap;\n user-select: none;\n}\n\n.menuItem:not(.menuItem--disabled) {\n cursor: pointer;\n}\n\n.menuItem:not(.menuItem--disabled):hover,\n.menuItem.selected {\n background: var(--ui89-input-text-color);\n color: var(--ui89-input-bg-color);\n}\n\n.menuItem--disabled {\n color: var(--ui89-palette-white);\n}\n",".inputBox {\n box-sizing: border-box;\n display: block;\n width: 100%;\n\n height: var(--ui89-input-height);\n line-height: var(--ui89-input-height);\n padding: 0 var(--ui89-safe-space);\n border: 0;\n\n border-radius: 0;\n outline: none;\n\n background: var(--ui89-input-bg-color);\n color: var(--ui89-input-text-color);\n}\n\n.inputBox--unselectable {\n user-select: none;\n}\n\n.inputBox--clickable {\n cursor: var(--ui89-cursor-pointer);\n}\n",".menuBar {\n display: flex;\n\n height: 16px;\n\n color: var(--ui89-theme-primary-text-color);\n background: var(--ui89-theme-primary-bg-color);\n}\n\n.menuBarItem {\n cursor: var(--ui89-cursor-pointer);\n padding: 0 calc(var(--ui89-safe-space) * 2);\n}\n\n.menuBarItem:hover,\n.menuBarItem:active {\n color: var(--ui89-theme-primary-bg-color);\n background: var(--ui89-theme-primary-text-color);\n}\n",".container ::-webkit-scrollbar {\n background: var(--ui89-scene-bg-color);\n width: calc(var(--ui89-safe-space) * 2);\n}\n\n.container ::-webkit-scrollbar-track {\n background: var(--ui89-scene-bg-color);\n background: var(--ui89-palette-dark-gray);\n border: 1px solid var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-thumb {\n background: var(--ui89-palette-light-gray);\n border: 1px solid transparent;\n}\n.container ::-webkit-scrollbar-thumb:vertical {\n border-top-color: var(--ui89-palette-dark-gray);\n border-bottom-color: var(--ui89-palette-dark-gray);\n}\n.container ::-webkit-scrollbar-thumb:horizontal {\n border-left-color: var(--ui89-palette-dark-gray);\n border-right-color: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button {\n background-color: #bbbbbb;\n display: block;\n border-style: solid;\n height: calc(var(--ui89-safe-space) * 2);\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement {\n border-width: 0 var(--ui89-safe-space) var(--ui89-safe-space)\n var(--ui89-safe-space);\n border-color: transparent transparent var(--ui89-palette-black) transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:decrement:active {\n background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:vertical:increment {\n border-width: var(--ui89-safe-space) var(--ui89-safe-space) 0\n var(--ui89-safe-space);\n border-color: var(--ui89-palette-black) transparent transparent transparent;\n}\n.container ::-webkit-scrollbar-button:single-button:vertical:increment:active {\n background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:decrement {\n border-width: var(--ui89-safe-space) var(--ui89-safe-space)\n var(--ui89-safe-space) 0;\n border-color: transparent var(--ui89-palette-black) transparent transparent;\n}\n.container\n ::-webkit-scrollbar-button:single-button:horizontal:decrement:active {\n background: var(--ui89-palette-dark-gray);\n}\n\n.container ::-webkit-scrollbar-button:single-button:horizontal:increment {\n border-width: var(--ui89-safe-space) 0 var(--ui89-safe-space)\n var(--ui89-safe-space);\n border-color: transparent transparent transparent var(--ui89-palette-black);\n}\n.container\n ::-webkit-scrollbar-button:single-button:horizontal:increment:active {\n background: var(--ui89-palette-dark-gray);\n}\n",".dialog {\n position: fixed;\n inset: 0px;\n\n display: none;\n animation: appear var(--ui89-animation-speed);\n}\n\n.dialog--open {\n display: block;\n}\n\n.dialogBackdrop {\n position: absolute;\n inset: 0px;\n background-color: rgba(0, 0, 0, 0.4);\n}\n\n.dialogBox {\n position: absolute;\n inset: 0;\n border: none;\n border-radius: 0;\n outline: none;\n margin: auto;\n word-break: break-word;\n\n /*\n Need to make sure that the dialog does not overflow page.\n The contents inside must overflow.\n */\n max-height: 100%;\n min-height: 0;\n bottom: auto;\n overflow: auto;\n\n display: flex;\n flex-direction: column;\n}\n\n.spacer {\n min-height: 0;\n height: 100px;\n}\n\n.dialogBox > *:not(.spacer) {\n flex: 1 0;\n min-height: 0;\n}\n\n.dialogBox--size-big {\n max-width: 700px;\n}\n\n.dialogBox--size-medium {\n max-width: 500px;\n}\n\n.dialogBox--size-small {\n max-width: 300px;\n}\n\n@keyframes appear {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n}\n",".scene {\n background-color: var(--ui89-scene-bg-color);\n color: var(--ui89-scene-text-color);\n overflow: visible;\n}\n",".main {\n --ui89-scene-text-color: var(--ui89-palette-white);\n --ui89-scene-text-subtle-color: var(--ui89-palette-light-gray);\n --ui89-scene-bg-color: var(--ui89-palette-dark-blue);\n --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n --ui89-scene-card-bg-color: var(--ui89-palette-dark-blue);\n --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n --ui89-theme-primary-text-color: var(--ui89-palette-white);\n --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n --ui89-theme-secondary-bg-color: var(--ui89-palette-light-gray);\n}\n\n.side {\n --ui89-scene-text-color: var(--ui89-palette-white);\n --ui89-scene-text-subtle-color: var(--ui89-palette-dark-gray);\n --ui89-scene-bg-color: var(--ui89-palette-light-gray);\n --ui89-scene-highlight-color: rgba(255, 255, 255, 0.2);\n --ui89-scene-card-bg-color: var(--ui89-palette-light-gray);\n --ui89-scene-card-text-color: var(--ui89-palette-white);\n\n --ui89-theme-primary-text-color: var(--ui89-palette-white);\n --ui89-theme-primary-bg-color: var(--ui89-palette-light-blue);\n\n --ui89-theme-secondary-text-color: var(--ui89-palette-black);\n --ui89-theme-secondary-bg-color: var(--ui89-palette-white);\n}\n",".gridExpandTrick {\n display: grid;\n}\n\n.gridExpandTrick > * {\n min-height: 0;\n min-width: 0;\n}\n",".scrollContainer {\n overflow: auto;\n}\n",".nameValuePair {\n display: flex;\n}\n\n.nameValuePair__nameWrapper {\n display: flex;\n flex: 1;\n}\n\n.nameValuePair__dots {\n flex: 1 1;\n min-width: calc(var(--ui89-safe-space) * 2);\n border-bottom: 1px dashed currentColor;\n\n /* Want to make sure that the dots are at the baseline */\n height: calc(1em * 0.75);\n\n /* So that the dots are not too close to the text */\n margin: 0 2px;\n}\n",".container {\n display: inline-flex;\n flex-direction: column;\n\n position: relative;\n text-align: center;\n\n box-sizing: border-box;\n\n user-select: none;\n cursor: var(--ui89-cursor-pointer);\n}\n\n.label {\n max-width: 140px;\n}\n\n.container:hover {\n border-color: currentColor;\n}\n.container:hover .label {\n background: var(--ui89-scene-text-color);\n color: var(--ui89-scene-bg-color);\n}\n\n.imageContainer {\n display: flex;\n align-items: flex-end;\n justify-content: center;\n position: relative;\n}\n\n.image {\n display: block;\n width: 140px;\n height: 140px;\n}\n\n.shortcutIconContainer {\n position: relative;\n width: 0;\n}\n\n.shortcutIcon {\n position: absolute;\n bottom: 0;\n right: 0;\n pointer-events: none;\n}\n",".navigation {\n display: flex;\n flex-wrap: wrap;\n}\n\n.navigation--stretch .navigationItem {\n flex-grow: 1;\n}\n\n.navigationItem {\n color: var(--ui89-scene-text-color);\n background-color: var(--ui89-scene-bg-color);\n padding: 0 calc(var(--ui89-safe-space) * 3);\n cursor: var(--ui89-cursor-pointer);\n text-align: center;\n}\n\n.navigationItem:hover,\n.navigationItemSelected {\n background-color: var(--ui89-scene-text-color);\n color: var(--ui89-scene-bg-color);\n}\n",".container {\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n\n display: inline-block;\n padding: calc(var(--ui89-safe-space) / 2) calc(var(--ui89-safe-space) * 2);\n border-radius: var(--box-border-radius);\n line-height: 1;\n}\n",".background {\n color: var(--ui89-chosen-theme-text-color);\n background-color: var(--ui89-chosen-theme-bg-color);\n}\n",".container {\n display: flex;\n}\n\n.inside {\n min-width: 0;\n color: var(--ui89-scene-bg-color);\n background-color: var(--ui89-scene-text-color);\n padding: 0px var(--ui89-safe-space);\n}\n",".container {\n display: flex;\n line-height: 1;\n}\n\n.inside {\n min-width: 0;\n border-bottom: 1px solid;\n position: relative;\n padding-bottom: calc(var(--ui89-safe-space) / 2);\n}\n\n.inside:after {\n content: \"\";\n position: absolute;\n inset: 0;\n transform: translateY(-2px);\n border-bottom: 1px solid;\n z-index: 0;\n}\n",".table {\n display: flex;\n flex-direction: column;\n overflow: auto;\n height: 100%;\n box-sizing: border-box;\n}\n\n.table > .tableBody,\n.table > .empty {\n flex: 1;\n}\n\n.tableHeader {\n position: sticky;\n top: 0;\n display: flex;\n z-index: 2;\n}\n\n.empty {\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.cell {\n display: flex;\n align-items: center;\n padding: var(--ui89-safe-space);\n border-bottom: 2px solid var(--ui89-scene-text-color);\n\n /* The width of the column will include padding and border. */\n box-sizing: border-box;\n\n overflow: hidden;\n\n /* So that the floating headers remain visible. */\n background: var(--ui89-scene-bg-color);\n}\n\n.cell--column-first {\n padding-left: var(--ui89-safe-space);\n}\n\n.cell--column-last {\n padding-right: var(--ui89-safe-space);\n}\n\n.cell--row-first {\n border-top: none;\n}\n\n.cell--row-last {\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-ui89",
|
|
3
3
|
"description": "A collection of React components that mimic a common style of user interfaces from the late 80s and early 90s.",
|
|
4
|
-
"version": "0.27.
|
|
4
|
+
"version": "0.27.1",
|
|
5
5
|
"author": "Daniel Araujo",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
7
7
|
"files": [
|