jspreadsheet 12.0.0-beta.8 → 12.0.0

package/dist/jspreadsheet.css

@@ -8,13 +8,15 @@
     --jss-background-color-header: #f8f8f8;
     --jss-background-color-highlight: #e8e8e8;
     --jss-background-color-active: #777;
+    --jss-background-color-input: #fff;
     --jss-icon-color: #555;
     --jss-warning-color: #ff0000;
+    --jss-color: transparent;
 }
 
 .lm-dark-mode {
     --jss-font-color: #ddd;
-    --jss-border-color: #333;
+    --jss-border-color: #444;
     --jss-border-color-light: #191919;
     --jss-border-color-highlight: #555;
     --jss-border-outline: #fff;
@@ -22,6 +24,7 @@
     --jss-background-color-header: #222;
     --jss-background-color-highlight: #333;
     --jss-background-color-active: #888;
+    --jss-background-color-input: #181818;
     --jss-icon-color: #ccc;
 }
 
@@ -119,6 +122,10 @@
     border:1px solid red;
 }
 
+.jss_red {
+    color: red;
+}
+
 .jss.jss_left > tbody > tr > td, .jss > tbody > tr > td.jss_left {
     text-align: left;
 }
@@ -286,7 +293,7 @@
     padding-right: 24px;
 }
 
-.jss > tbody > tr > td.jss_dropdown:hover {
+.jss > tbody > tr > td.jss_dropdown:hover:not(.readonly) {
     background-image: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0V0z'/%3E%3Cpath d='M7 10l5 5 5-5H7z' fill='gray'/%3E%3C/svg%3E");
 }
 
@@ -312,6 +319,14 @@
     white-space: initial !important;
 }
 
+.jss > tbody > tr > td > div.jss_notes {
+    overflow: hidden;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    text-overflow: ellipsis;
+}
+
 .jss > tbody > tr > td > .color {
     width:90%;
     height:10px;
@@ -604,7 +619,7 @@
 }
 
 .jss_media_item[data-type="chart"] {
-    background-color: white;
+    background-color: var(--jss-background-color-input);
 }
 
 .jss_image > img {
@@ -655,6 +670,8 @@
     display: flex;
     justify-content: space-between;
     background-color: var(--jss-background-color-header);
+    border: 1px solid var(--jss-border-color);
+    margin-bottom: 1px;
 }
 
 .jss_search_container > div {
@@ -691,8 +708,9 @@
     line-height: 34px;
     border: 1px solid var(--jss-border-color);
     box-sizing: border-box;
-    margin-left: 2px;
+    margin-left: 3px;
     cursor: pointer;
+    border-radius: 18px;
 }
 
 .jss_pagination_dropdown {
@@ -1112,6 +1130,7 @@ div.jss_filters_icon.jss_filters_active::before {
     position: relative;
     padding: 6px 8px;
     border: 1px solid var(--jss-border-color);
+    background-color: var(--jss-background-color-input);
 }
 
 .jss_picker:after {
@@ -1247,7 +1266,7 @@ div.jss_filters_icon.jss_filters_active::before {
 .jss_editor {
     pointer-events: none;
     position: absolute;
-    z-index: 6;
+    z-index: 7;
     opacity: 0;
 }
 
@@ -1346,21 +1365,17 @@ div.jss_filters_icon.jss_filters_active::before {
     height: 240px;
     padding: 10px;
     outline: 2px solid black;
-}
-
-.jss_color {
-    position: relative;
+    overflow: auto;
 }
 
 .jss_color:before {
     content: '';
-    position: absolute;
-    margin-top: 2px;
-    margin-left: -16px;
     width: 12px;
     height: 12px;
     border-radius: 12px;
     background-color: var(--jss-color);
+    float: left;
+    margin: 2px 4px;
 }
 
 /** Visibility */
@@ -1508,6 +1523,7 @@ div.jss_filters_icon.jss_filters_active::before {
     color: inherit;
     font-family: inherit;
     font-size: inherit;
+    background-color: var(--jss-background-color-input);
 }
 
 .jss_style_form_group select {
@@ -1630,4 +1646,4 @@ div.jss_filters_icon.jss_filters_active::before {
 .jss_modern .jss_search_container {
     background: initial;
     border: initial;
-}
+}

package/package.json

@@ -44,10 +44,10 @@
         "datasheet"
     ],
     "dependencies": {
-        "jsuites": "^6.0.0-beta.7",
-        "@jspreadsheet/formula-pro": "^6.0.0-beta.0"
+        "jsuites": "^6.0.0",
+        "@jspreadsheet/formula-pro": "^6.0.1"
     },
     "main": "dist/index.js",
     "types": "dist/index.d.ts",
-    "version": "12.0.0-beta.8"
+    "version": "12.0.0"
 }