react-text-forge 0.0.1 → 1.0.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/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
export default
|
|
1
|
+
import { default as ReactTextForge } from './components/ReactTextForge';
|
|
2
|
+
export default ReactTextForge;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.toolbar{display:flex;gap:5px;margin-bottom:10px;flex-wrap:wrap}.tool{padding:5px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;border-radius:3px;cursor:pointer;outline:none}.tool--active{background-color:#656d85}.tool--active:hover{background-color:#535a6e}.tool--inactive{background-color:#f9f9f9}.tool--inactive:hover{background-color:#d1cccc}.tool--arrow{background:none;border:none;cursor:pointer;font-size:12px;margin-left:4px}.tool img{cursor:pointer;width:15px;height:15px}.react-text-forge{width:80%;margin:0 auto;border:1px solid #ccc;padding:10px;border-radius:5px;position:relative}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.react-text-forge .editor{min-height:200px;border:1px solid #ddd;padding:10px;border-radius:5px;outline:none}.react-text-forge .editor a{pointer-events:auto;cursor:pointer}.react-text-forge .editor img{max-height:200px}.react-text-forge .editor table{width:100%;border-collapse:collapse}.react-text-forge .editor table th,.react-text-forge .editor table td{border:1px solid #ddd;padding:8px}.react-text-forge .editor table th{background-color:#f2f2f2}.react-text-forge .editor table tr:nth-child(2n){background-color:#f9f9f9}.react-text-forge .editor table tr:hover{background-color:#f1f1f1}.react-text-forge .color-picker-popup{position:relative}.react-text-forge .color-picker-popup .sketch-picker{position:absolute;top:100%;z-index:2}.react-text-forge .bullet-type-selector{display:inline-block;margin-left:8px}.react-text-forge .bullet-type-option{background:#f0f0f0;border:1px solid #ccc;border-radius:4px;padding:4px 8px;margin:2px;cursor:pointer}.react-text-forge .bullet-type-option:hover{background:#e0e0e0}.react-text-forge .dropdown{position:relative;display:flex}.react-text-forge .dropdown-toggle{background:none;border:none;cursor:pointer;padding:0}.react-text-forge .dropdown-menu{position:absolute;top:100%;background:#fff;border:1px solid #ccc;box-shadow:0 2px 8px #0000001a;list-style:none;height:100px;overflow-y:scroll;padding:10px 0;margin:5px 0;z-index:1000}.react-text-forge .dropdown-menu li{min-width:200px;width:max-content;height:20px;padding:5px 10px;line-height:20px;cursor:pointer}.react-text-forge .dropdown-menu li:hover{background:#f0f0f0}.react-text-forge pre{background-color:#6e6565;border:1px solid #ddd;border-radius:4px;padding:10px;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.4;margin:1em 0}.react-text-forge .link-form{position:absolute;top:40px;left:0;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 10px #0000001a;padding:16px;z-index:10}.react-text-forge .link-form input[type=text]{width:calc(100% - 22px);padding:8px;margin-bottom:10px;border:1px solid #ccc;border-radius:4px}.react-text-forge .link-form label{display:flex;align-items:center;margin-bottom:10px}.react-text-forge .link-form label input[type=checkbox]{margin-right:8px}.react-text-forge .link-form .link-form-actions{display:flex;justify-content:flex-end;gap:8px}.react-text-forge .link-form .link-form-actions button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}.react-text-forge .link-form .link-form-actions button:first-child{background-color:#007bff;color:#fff}.react-text-forge .link-form .link-form-actions button:last-child{background-color:#6c757d;color:#fff}.react-text-forge .image-upload-container{position:relative}.react-text-forge .hidden-file-input{display:none}.react-text-forge .table-grid-form{display:flex;flex-direction:column;align-items:center;height:fit-content;width:fit-content;overflow:visible;padding:0;border:0}.react-text-forge .table-grid-form .grid-container{display:grid;grid-template-columns:repeat(5,20px);grid-template-rows:repeat(5,20px);gap:2px}.react-text-forge .table-grid-form .grid-cell{width:20px;height:20px;background-color:#ddd;border:1px solid #ccc}.react-text-forge .table-grid-form .grid-cell.hovered{background-color:#007bff}.react-text-forge .table-grid-form .table-size-indicator{margin-top:10px;font-size:14px}.react-text-forge ::selection{background:#0078d74d;color:#000}.react-text-forge ::-moz-selection{background:#0078d74d;color:#000}
|