@ninesstudios/whiteboard 0.0.2 → 0.0.4

package/dist/whiteboard.css

@@ -1 +1 @@
-.watermark{position:absolute;bottom:0;right:0;padding:8px 12px;background-color:#fffc;border-top-left-radius:8px;font-family:sans-serif;font-size:14px;color:#666;pointer-events:none;z-index:1000;-webkit-user-select:none;user-select:none;text-decoration:none}.toolbar{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:44px;padding:1px;margin:10px auto;z-index:1000;border:1px solid #ccc;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.toolbar>button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.toolbar>button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.toolbar>.language-container:last-child button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ellipsis-container{position:relative}.shapes-popup{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:160px;z-index:1001}.shapes-popup-header{font-size:12px;font-weight:600;color:#666;padding:4px 8px 8px;border-bottom:1px solid #eee;margin-bottom:8px}.shapes-popup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.shapes-popup-grid button{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px}.shapes-popup-grid button:hover{background:#e9e9e9}.shapes-popup-grid button.active{background:#d0e8ff;color:#06c}.language-container{position:relative}.language-popup{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:140px;z-index:1001}.language-popup-header{font-size:12px;font-weight:600;color:#666;padding:4px 8px 8px;border-bottom:1px solid #eee;margin-bottom:8px}.language-options{display:flex;flex-direction:column;gap:4px}.language-options button{width:100%;height:32px;padding:0 8px;display:flex;align-items:center;justify-content:flex-start;font-size:14px;gap:8px;border-radius:4px}.language-options button:hover{background:#e9e9e9}.language-options button.active{background:#d0e8ff;color:#06c}.prop-tools{position:absolute;bottom:10px;left:10px;padding:1px;margin:10px auto;z-index:1000;border:1px solid #ccc;background:#fff;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.prop-tools>button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.prop-tools>button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}button{width:40px;height:40px;border:none;border-radius:4px;background-color:#fff;cursor:pointer;transition:background .3s;text-align:center;line-height:40px;display:flex;justify-content:center;align-items:center}button:hover{background:#e9e9e9}button.active{background:#d0e8ff;color:#06c}select{width:36px;height:36px;border:none;border-radius:4px;background-color:#fff;cursor:pointer;text-align:center;line-height:36px;display:flex;justify-content:center;align-items:center;font-size:14px}.prop-tool-item{min-width:80px;margin:2px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.prop-tool-item>*{text-align:center;flex:auto;min-height:30px;width:100%;box-sizing:border-box;padding-left:4px;padding-right:4px}.prop-tool-item>span{font-size:12px;color:#555;margin-bottom:4px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap}.layer-buttons{display:flex;flex-direction:row;gap:4px;justify-content:center}.layer-buttons button{width:36px;height:36px;padding:0;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;min-height:100vh;display:flex;justify-content:center;align-items:center;background:#f5f5f5}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}#root{width:100%;height:100%}
+.wb-watermark{position:absolute;bottom:0;right:0;padding:8px 12px;background-color:#fffc;border-top-left-radius:8px;font-family:sans-serif;font-size:14px;color:#666;pointer-events:none;z-index:1000;-webkit-user-select:none;user-select:none;text-decoration:none}.wb-toolbar{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:44px;padding:1px;margin:10px auto;z-index:1000;border:1px solid #ccc;background:#fff;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.wb-toolbar>button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.wb-toolbar>button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.wb-toolbar>.wb-language-container:last-child button{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.wb-toolbar button{width:40px;height:40px;border:none;border-radius:4px;background-color:#fff;cursor:pointer;transition:background .3s;text-align:center;line-height:40px;display:flex;justify-content:center;align-items:center}.wb-toolbar button:hover{background:#e9e9e9}.wb-toolbar button.wb-active{background:#d0e8ff;color:#06c}.wb-ellipsis-container{position:relative}.wb-shapes-popup{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:160px;z-index:1001}.wb-shapes-popup-header{font-size:12px;font-weight:600;color:#666;padding:4px 8px 8px;border-bottom:1px solid #eee;margin-bottom:8px}.wb-shapes-popup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.wb-shapes-popup-grid button{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px}.wb-shapes-popup-grid button:hover{background:#e9e9e9}.wb-shapes-popup-grid button.wb-active{background:#d0e8ff;color:#06c}.wb-language-container{position:relative}.wb-language-popup{position:absolute;left:50px;top:50%;transform:translateY(-50%);background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:8px;min-width:140px;z-index:1001}.wb-language-popup-header{font-size:12px;font-weight:600;color:#666;padding:4px 8px 8px;border-bottom:1px solid #eee;margin-bottom:8px}.wb-language-options{display:flex;flex-direction:column;gap:4px}.wb-language-options button{width:100%;height:32px;padding:0 8px;display:flex;align-items:center;justify-content:flex-start;font-size:14px;gap:8px;border-radius:4px}.wb-language-options button:hover{background:#e9e9e9}.wb-language-options button.wb-active{background:#d0e8ff;color:#06c}.wb-prop-tools{position:absolute;bottom:10px;left:10px;padding:1px;margin:10px auto;z-index:1000;border:1px solid #ccc;background:#fff;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:0 2px 8px #0000001a}.wb-prop-tools>button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.wb-prop-tools>button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.wb-prop-tools button{width:40px;height:40px;border:none;border-radius:4px;background-color:#fff;cursor:pointer;transition:background .3s;text-align:center;line-height:40px;display:flex;justify-content:center;align-items:center}.wb-prop-tools button:hover{background:#e9e9e9}.wb-prop-tools button.wb-active{background:#d0e8ff;color:#06c}.wb-prop-tools select{width:36px;height:36px;border:none;border-radius:4px;background-color:#fff;cursor:pointer;text-align:center;line-height:36px;display:flex;justify-content:center;align-items:center;font-size:14px}.wb-prop-tool-item{min-width:80px;margin:2px 4px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.wb-prop-tool-item>*{text-align:center;flex:auto;min-height:30px;width:100%;box-sizing:border-box;padding-left:4px;padding-right:4px}.wb-prop-tool-item>span{font-size:12px;color:#555;margin-bottom:4px;display:flex;justify-content:center;align-items:center;text-align:center;white-space:nowrap}.wb-layer-buttons{display:flex;flex-direction:row;gap:4px;justify-content:center}.wb-layer-buttons button{width:36px;height:36px;padding:0;display:flex;justify-content:center;align-items:center}