@json-editor/json-editor 1.4.0-beta.0 → 1.17.0

package/src/themes/tailwind.css

@@ -0,0 +1,303 @@
+.slider {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background: transparent;
+  display: block;
+  border: none;
+  height: 1.2rem;
+  width: 100%;
+}
+.slider:focus {
+  box-shadow: 0 0 0 0 rgba(87, 85, 217, 0.2);
+  outline: none;
+}
+.slider.tooltip:not([data-tooltip])::after {
+  content: attr(value);
+}
+.slider::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  background: #f17405;
+  border-radius: 100%;
+  height: 0.6rem;
+  margin-top: -0.25rem;
+  transition: transform 0.2s;
+  width: 0.6rem;
+}
+.slider:active::-webkit-slider-thumb {
+  transform: scale(1.25);
+  outline: none;
+}
+.slider::-webkit-slider-runnable-track {
+  background: #b2b4b6;
+  border-radius: 0.1rem;
+  height: 0.1rem;
+  width: 100%;
+}
+
+a.tooltips {
+  position: relative;
+  display: inline;
+}
+a.tooltips span {
+  position: absolute;
+  white-space: nowrap;
+  width: auto;
+  padding-left: 1rem;
+  padding-right: 1rem;
+  color: #ffffff;
+  background: rgba(56, 56, 56, 0.85);
+  height: 1.5rem;
+  line-height: 1.5rem;
+  text-align: center;
+  visibility: hidden;
+  border-radius: 3px;
+}
+a.tooltips span:after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 100%;
+  margin-top: -5px;
+  width: 0;
+  height: 0;
+  border-left: 5px solid rgba(56, 56, 56, 0.85);
+  border-top: 5px solid transparent;
+  border-bottom: 5px solid transparent;
+}
+a:hover.tooltips span {
+  visibility: visible;
+  opacity: 0.9;
+  font-size: 0.8rem;
+  right: 100%;
+  top: 50%;
+  margin-top: -12px;
+  margin-right: 10px;
+  z-index: 999;
+}
+
+/* Fix fontsize in Properties modal */
+.json-editor-btntype-properties + div {
+  font-size: 0.8rem;
+  font-weight: normal;
+}
+/* Prevent textarea from being resized horizontally */
+textarea {
+  width: 100%;
+  min-height: 2rem;
+  resize: vertical;
+}
+/* Remove gap between table element borders */
+table {
+  width: 100%;
+  border-collapse: collapse;
+}
+/* reduce table padding */
+.table td {
+  padding: 0rem 0rem;
+}
+div[data-schematype]:not([data-schematype="object"]) {
+  transition: 0.5s;
+}
+div[data-schematype]:not([data-schematype="object"]):hover {
+  background-color: #e6f4fe;
+}
+div[data-schemaid="root"] {
+  position: relative;
+  width: inherit;
+  display: inherit;
+  overflow-x: hidden;
+  z-index: 10;
+}
+select[multiple] {
+  height: auto;
+}
+select[multiple].from-select {
+  height: auto;
+}
+.je-table-zebra:nth-child(even) {
+  background-color: #f2f2f2;
+}
+.je-table-border {
+  border: 0.5px solid black;
+}
+.je-table-hdiv {
+  border-bottom: 1px solid black;
+}
+.je-border {
+  border: 0.05rem solid #3182ce;
+}
+.je-panel {
+  width: inherit;
+  padding: 0.2rem;
+  margin: 0.2rem;
+  background-color: rgba(218, 222, 228, 0.1);
+}
+.je-panel-top {
+  width: 100%;
+  padding: 0.2rem;
+  margin: 0.2rem;
+  background-color: rgba(218, 222, 228, 0.1);
+}
+.required:after {
+  content: " *";
+  color: red;
+  font: inherit;
+  font-weight: bold;
+}
+.je-desc {
+  font-size: smaller;
+  margin: 0.2rem 0;
+}
+.container-xl.je-noindent {
+  padding-left: 0;
+  padding-right: 0;
+}
+.json-editor-btntype-add {
+  color: white;
+  margin: 0.3rem;
+  padding: 0.3rem 0.8rem;
+  background-color: #4299e1;
+  box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -webkit-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -moz-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+}
+.json-editor-btntype-deletelast {
+  color: white;
+  margin: 0.3rem;
+  padding: 0.3rem 0.8rem;
+  background-color: #e53e3e;
+  box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -webkit-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -moz-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+}
+.json-editor-btntype-deleteall {
+  color: white;
+  margin: 0.3rem;
+  padding: 0.3rem 0.8rem;
+  background-color: #000000;
+  box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -webkit-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -moz-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+}
+.json-editor-btn-save {
+  float: right;
+  color: white;
+  margin: 0.3rem;
+  padding: 0.3rem 0.8rem;
+  background-color: #2b6cb0;
+  box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -webkit-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -moz-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+}
+.json-editor-btn-back {
+  color: white;
+  margin: 0.3rem;
+  padding: 0.3rem 0.8rem;
+  background-color: #2b6cb0;
+  box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -webkit-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+  -moz-box-shadow: 3px 3px 5px 1px rgba(4, 4, 4, 0.2);
+}
+.json-editor-btntype-delete {
+  color: #e53e3e;
+  background-color: rgba(218, 222, 228, 0.1);
+  margin: 0.03rem;
+  padding: 0.1rem;
+}
+.json-editor-btntype-move {
+  color: #000000;
+  background-color: rgba(218, 222, 228, 0.1);
+  margin: 0.03rem;
+  padding: 0.1rem;
+}
+.json-editor-btn-collapse {
+  padding: 0em 0.8rem;
+  font-size: 1.3rem;
+  color: #e53e3e;
+  background-color: rgba(218, 222, 228, 0.1);
+}
+/* Upload Editor preview image */
+.je-upload-preview img {
+  float: left;
+  margin: 0 0.5rem 0.5rem 0;
+  max-width: 100%;
+  max-height: 5rem;
+}
+.je-dropzone {
+  position: relative;
+  margin: 0.5rem 0;
+  border: 2px dashed black;
+  width: 100%;
+  height: 60px;
+  background: teal;
+  transition: all 0.5s;
+}
+.je-dropzone:before {
+  position: absolute;
+  content: attr(data-text);
+  color: rgba(0, 0, 0, 0.6);
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+}
+.je-dropzone.valid-dropzone {
+  background: green;
+}
+.je-dropzone.invalid-dropzone {
+  background: red;
+}
+
+.switch {
+  position: relative;
+  display: inline-block;
+  width: 28px;
+  height: 16px;
+  margin-right: 10px;
+}
+
+.switch input {
+  opacity: 0;
+  width: 0;
+  height: 0;
+}
+
+.switch-slider {
+  position: absolute;
+  cursor: pointer;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #ccc;
+  transition: .1s;
+  border-radius: 34px;
+}
+
+.switch-slider:before {
+  position: absolute;
+  content: "";
+  height: 12px;
+  width: 12px;
+  left: 1px;
+  top: 2px;
+  background-color: white;
+  transition: .1s;
+  border-radius: 50%;
+}
+
+input:checked + .switch-slider {
+  background-color: #2196F3;
+}
+
+input:focus + .switch-slider {
+  box-shadow: 0 0 1px #2196F3;
+}
+
+input:checked + .switch-slider:before {
+  transform: translateX(12px);
+}
+
+input:disabled + .switch-slider {
+  opacity: 0.5;
+}

package/src/themes/tailwind.css.js

@@ -0,0 +1,3 @@
+/* eslint-disable */
+export default {".slider":"-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;display:block;border:none;height:1.2rem;width:100%25",".slider:focus":"box-shadow:0%200%200%200%20rgba(87%2C%2085%2C%20217%2C%200.2);outline:none",".slider.tooltip:not([data-tooltip])::after":"content:attr(value)",".slider::-webkit-slider-thumb":"-webkit-appearance:none;background:%23f17405;border-radius:100%25;height:0.6rem;margin-top:-0.25rem;transition:transform%200.2s;width:0.6rem",".slider:active::-webkit-slider-thumb":"transform:scale(1.25);outline:none",".slider::-webkit-slider-runnable-track":"background:%23b2b4b6;border-radius:0.1rem;height:0.1rem;width:100%25","a.tooltips":"position:relative;display:inline","a.tooltips span":"position:absolute;white-space:nowrap;width:auto;padding-left:1rem;padding-right:1rem;color:%23ffffff;background:rgba(56%2C%2056%2C%2056%2C%200.85);height:1.5rem;line-height:1.5rem;text-align:center;visibility:hidden;border-radius:3px","a.tooltips span:after":"content:%22%22;position:absolute;top:50%25;left:100%25;margin-top:-5px;width:0;height:0;border-left:5px%20solid%20rgba(56%2C%2056%2C%2056%2C%200.85);border-top:5px%20solid%20transparent;border-bottom:5px%20solid%20transparent","a:hover.tooltips span":"visibility:visible;opacity:0.9;font-size:0.8rem;right:100%25;top:50%25;margin-top:-12px;margin-right:10px;z-index:999",".json-editor-btntype-properties + div":"font-size:0.8rem;font-weight:normal","textarea":"width:100%25;min-height:2rem;resize:vertical","table":"width:100%25;border-collapse:collapse",".table td":"padding:0rem%200rem","div[data-schematype]:not([data-schematype='object'])":"transition:0.5s","div[data-schematype]:not([data-schematype='object']):hover":"background-color:%23e6f4fe","div[data-schemaid='root']":"position:relative;width:inherit;display:inherit;overflow-x:hidden;z-index:10","select[multiple]":"height:auto","select[multiple].from-select":"height:auto",".je-table-zebra:nth-child(even)":"background-color:%23f2f2f2",".je-table-border":"border:0.5px%20solid%20black",".je-table-hdiv":"border-bottom:1px%20solid%20black",".je-border":"border:0.05rem%20solid%20%233182ce",".je-panel":"width:inherit;padding:0.2rem;margin:0.2rem;background-color:rgba(218%2C%20222%2C%20228%2C%200.1)",".je-panel-top":"width:100%25;padding:0.2rem;margin:0.2rem;background-color:rgba(218%2C%20222%2C%20228%2C%200.1)",".required:after":"content:%22%20*%22;color:red;font:inherit;font-weight:bold",".je-desc":"font-size:smaller;margin:0.2rem%200",".container-xl.je-noindent":"padding-left:0;padding-right:0",".json-editor-btntype-add":"color:white;margin:0.3rem;padding:0.3rem%200.8rem;background-color:%234299e1;box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-webkit-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-moz-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2)",".json-editor-btntype-deletelast":"color:white;margin:0.3rem;padding:0.3rem%200.8rem;background-color:%23e53e3e;box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-webkit-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-moz-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2)",".json-editor-btntype-deleteall":"color:white;margin:0.3rem;padding:0.3rem%200.8rem;background-color:%23000000;box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-webkit-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-moz-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2)",".json-editor-btn-save":"float:right;color:white;margin:0.3rem;padding:0.3rem%200.8rem;background-color:%232b6cb0;box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-webkit-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-moz-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2)",".json-editor-btn-back":"color:white;margin:0.3rem;padding:0.3rem%200.8rem;background-color:%232b6cb0;box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-webkit-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2);-moz-box-shadow:3px%203px%205px%201px%20rgba(4%2C%204%2C%204%2C%200.2)",".json-editor-btntype-delete":"color:%23e53e3e;background-color:rgba(218%2C%20222%2C%20228%2C%200.1);margin:0.03rem;padding:0.1rem",".json-editor-btntype-move":"color:%23000000;background-color:rgba(218%2C%20222%2C%20228%2C%200.1);margin:0.03rem;padding:0.1rem",".json-editor-btn-collapse":"padding:0em%200.8rem;font-size:1.3rem;color:%23e53e3e;background-color:rgba(218%2C%20222%2C%20228%2C%200.1)",".je-upload-preview img":"float:left;margin:0%200.5rem%200.5rem%200;max-width:100%25;max-height:5rem",".je-dropzone":"position:relative;margin:0.5rem%200;border:2px%20dashed%20black;width:100%25;height:60px;background:teal;transition:all%200.5s",".je-dropzone:before":"position:absolute;content:attr(data-text);color:rgba(0%2C%200%2C%200%2C%200.6);left:50%25;top:50%25;transform:translate(-50%25%2C%20-50%25)",".je-dropzone.valid-dropzone":"background:green",".je-dropzone.invalid-dropzone":"background:red",".switch":"position:relative;display:inline-block;width:28px;height:16px;margin-right:10px",".switch input":"opacity:0;width:0;height:0",".switch-slider":"position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:%23ccc;transition:.1s;border-radius:34px",".switch-slider:before":"position:absolute;content:%22%22;height:12px;width:12px;left:1px;top:2px;background-color:white;transition:.1s;border-radius:50%25","input:checked + .switch-slider":"background-color:%232196F3","input:focus + .switch-slider":"box-shadow:0%200%201px%20%232196F3","input:checked + .switch-slider:before":"transform:translateX(12px)","input:disabled + .switch-slider":"opacity:0.5"}
+/* eslint-enable */