react-ui89 0.8.0 → 0.8.2
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/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["global.css","Ui89Button.module.css","typo.module.css","chosen-theme.module.css","HoverShadow.module.css","Ui89Card.module.css","Ui89HighlightText.module.css","Ui89ModalDialog.module.css","Ui89Scene.module.css","look.module.css","scrollbar.module.css","GridExpandTrick.module.css","ScrollContainer.module.css","Ui89Shortcut.module.css","Ui89Tabs.module.css","Ui89TagBox.module.css","Ui89TitleBox.module.css","text.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",".container {\n display: inline-block;\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 min-width: 60px;\n border-radius: 1px;\n font-weight: bold;\n padding: 0 16px;\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: 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: 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: pointer;\n}\n\n.disabled {\n opacity: 0.5;\n cursor: default;\n}\n\n.size--normal {\n height: 22px;\n}\n\n.size--small {\n height: 24px;\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",".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: 24px;\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",".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",".hoverShadow {\n display: grid;\n padding-right: var(--ui89-safe-space);\n padding-bottom: var(--ui89-safe-space);\n position: relative;\n}\n\n.hoverShadow > * {\n min-height: 0;\n min-width: 0;\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 white;\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",".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",".dialog {\n position: fixed;\n inset: 0px;\n\n display: none;\n animation: appear var(--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 color: var(--content-text-color);\n background: var(--content-bg-color);\n border-radius: 0;\n outline: none;\n padding: var(--safe-space);\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\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",".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",".gridExpandTrick {\n display: grid;\n}\n\n.gridExpandTrick > * {\n min-height: 0;\n min-width: 0;\n}\n",".scrollContainer {\n overflow: auto;\n}\n",".container {\n display: inline-block;\n width: 200px;\n height: 200px;\n\n position: relative;\n}\n\n.image {\n width: 150px;\n height: 160px;\n}\n\n.shortcutIcon {\n position: absolute;\n top: 140px;\n left: 130px;\n width: 24px;\n height: 24px;\n}\n",".navigation {\n display: flex;\n flex-wrap: wrap;\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: pointer;\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",".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",".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",".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 border: 1px solid var(--ui89-scene-text-color);\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: 1px solid var(--ui89-scene-text-color);\n border-right: 1px 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 border-bottom: none;\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["global.css","Ui89Button.module.css","typo.module.css","chosen-theme.module.css","HoverShadow.module.css","Ui89Card.module.css","Ui89HighlightText.module.css","Ui89ModalDialog.module.css","Ui89Scene.module.css","look.module.css","scrollbar.module.css","GridExpandTrick.module.css","ScrollContainer.module.css","Ui89Shortcut.module.css","Ui89Tabs.module.css","Ui89TagBox.module.css","Ui89TitleBox.module.css","text.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",".container {\n display: inline-block;\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 min-width: 60px;\n border-radius: 1px;\n font-weight: bold;\n padding: 0 16px;\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: 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: 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: pointer;\n}\n\n.disabled {\n opacity: 0.5;\n cursor: default;\n}\n\n.size--normal {\n height: 22px;\n}\n\n.size--small {\n height: 24px;\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",".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: 24px;\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",".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",".hoverShadow {\n display: grid;\n padding-right: var(--ui89-safe-space);\n padding-bottom: var(--ui89-safe-space);\n position: relative;\n}\n\n.hoverShadow > * {\n min-height: 0;\n min-width: 0;\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 white;\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",".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",".dialog {\n position: fixed;\n inset: 0px;\n\n display: none;\n animation: appear var(--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 color: var(--content-text-color);\n background: var(--content-bg-color);\n border-radius: 0;\n outline: none;\n padding: var(--safe-space);\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",".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",".gridExpandTrick {\n display: grid;\n}\n\n.gridExpandTrick > * {\n min-height: 0;\n min-width: 0;\n}\n",".scrollContainer {\n overflow: auto;\n}\n",".container {\n display: inline-block;\n width: 200px;\n height: 200px;\n\n position: relative;\n}\n\n.image {\n width: 150px;\n height: 160px;\n}\n\n.shortcutIcon {\n position: absolute;\n top: 140px;\n left: 130px;\n width: 24px;\n height: 24px;\n}\n",".navigation {\n display: flex;\n flex-wrap: wrap;\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: pointer;\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",".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",".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",".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 border: 1px solid var(--ui89-scene-text-color);\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: 1px solid var(--ui89-scene-text-color);\n border-right: 1px 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 border-bottom: none;\n}\n"]}
|
package/dist/esm/index.js
CHANGED
|
@@ -31114,9 +31114,10 @@ function ScrollContainer({ children, }) {
|
|
|
31114
31114
|
return React__default.createElement("span", { className: styles$5.scrollContainer }, children);
|
|
31115
31115
|
}
|
|
31116
31116
|
|
|
31117
|
+
const portalRoot = typeof document !== "undefined" ? document.body : null;
|
|
31117
31118
|
function Ui89ModalDialog({ open, size = "medium", children, topCenter, onRequestClose, }) {
|
|
31118
31119
|
const dialogClass = useMemo(() => {
|
|
31119
|
-
return [styles$8.dialog, open ? styles$8[
|
|
31120
|
+
return [styles$8.dialog, open ? styles$8["dialog--open"] : ""].join(" ");
|
|
31120
31121
|
}, [size, open]);
|
|
31121
31122
|
const dialogBoxClass = useMemo(() => {
|
|
31122
31123
|
return [styles$8.dialogBox, styles$8[`dialogBox--size-${size}`]].join(" ");
|
|
@@ -31126,7 +31127,7 @@ function Ui89ModalDialog({ open, size = "medium", children, topCenter, onRequest
|
|
|
31126
31127
|
onRequestClose();
|
|
31127
31128
|
}
|
|
31128
31129
|
}
|
|
31129
|
-
|
|
31130
|
+
const vdom = (React__default.createElement("div", { className: dialogClass, role: "dialog" },
|
|
31130
31131
|
React__default.createElement("div", { className: styles$8.dialogBackdrop, role: "presentation", onClick: onClickBackdrop }),
|
|
31131
31132
|
React__default.createElement("div", { className: dialogBoxClass },
|
|
31132
31133
|
React__default.createElement("div", { className: styles$8.spacer }),
|
|
@@ -31134,7 +31135,8 @@ function Ui89ModalDialog({ open, size = "medium", children, topCenter, onRequest
|
|
|
31134
31135
|
React__default.createElement(GridExpandTrick, null,
|
|
31135
31136
|
React__default.createElement(Ui89Scene, { look: "side" },
|
|
31136
31137
|
React__default.createElement(Ui89Card, { topCenter: topCenter },
|
|
31137
|
-
React__default.createElement(ScrollContainer, null, children)))))))
|
|
31138
|
+
React__default.createElement(ScrollContainer, null, children))))))));
|
|
31139
|
+
return portalRoot !== null ? reactDomExports.createPortal(vdom, portalRoot) : vdom;
|
|
31138
31140
|
}
|
|
31139
31141
|
|
|
31140
31142
|
var _path, _path2;
|