jspreadsheet 12.0.0-beta.9 → 12.0.1

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;
 }
@@ -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 {
@@ -1139,35 +1158,23 @@ div.jss_filters_icon.jss_filters_active::before {
 
 /** Tabs */
 
-.jtabs {
+.jss_container {
     max-width: initial;
 }
 
-.jss_tabs > .jss_tab {
-    display:none;
-}
-
-.jss_tabs > .jss_tab_link {
-    display: inline-block;
-    padding: 10px 20px;
-    margin: 0 5px 5px 0;
-    background-color: var(--jss-background-color-header);
-    cursor: pointer;
-}
-
-.jss_tabs > .jss_tab_link.selected {
-    background-color: #ddd;
-}
-
-.jtabs .jtabs-headers > div:not(.jtabs-border) {
+.jss_container .jtabs-headers > div:not(.jtabs-border) {
     background-color: var(--jss-background-color-header);
     color: var(--jss-font-color);
 }
 
-.jtabs .jtabs-headers > div.jtabs-selected {
+.jss_container .jtabs-headers > div.jtabs-selected {
     background-color: var(--jss-background-color-highlight);
 }
 
+.jss_container .jtabs-content > div.jtabs-selected {
+    display: flex !important;
+}
+
 /** Toolbars */
 
 .jss_toolbar {
@@ -1247,7 +1254,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 +1353,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 +1511,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 +1634,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.8",
-        "@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.9"
+    "version": "12.0.1"
 }