forstok-ui-lib 6.5.1 → 6.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "forstok-ui-lib",
-  "version": "6.5.1",
+  "version": "6.5.2",
   "description": "Forstok UI Components Library",
   "path": "dist",
   "main": "dist/index.js",

package/src/assets/stylesheets/shares.styles.ts

@@ -2878,6 +2878,72 @@ const listTableStyles = {
       }
     }
   `,
+  'order-nocheck': css`
+    ${ItemTable} {
+      grid-template-columns: 118px 90px minmax(auto, max-content);
+      &[role=rowheader] > div[role=group] {
+        grid-template-columns: var(--order) 40px 80px 80px 88px minmax(145px, auto);
+      }
+      ._refCollapse > div:not(._refCollapseContainer), 
+      ._refCollapseContainer > div {
+        grid-template-columns: var(--order) 40px 80px 80px;
+      }
+      &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
+      ._refCollapse > div, 
+      ._refCollapseContainer > div {
+        &:nth-child(n+2) {
+          border-top: none;
+        }
+      }
+    }
+    @media only screen and (min-width: 1280px) {
+      ${ItemTable} {
+        grid-template-columns: 118px 118px minmax(auto, max-content);
+        &[role=rowheader] > div[role=group] {
+          grid-template-columns: var(--order) 40px 80px 80px 107px minmax(145px, auto);
+        }
+        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapseContainer > div {
+          grid-template-columns: var(--order) 40px 80px 80px;
+        }
+      }
+    }
+    @media only screen and (min-width: 1366px) {
+      ${ItemTable} {
+        grid-template-columns: 120px 118px minmax(auto, max-content);
+        &[role=rowheader] > div[role=group] {
+          grid-template-columns: var(--order) 40px 90px 80px 130px minmax(150px, auto);
+        }
+        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapseContainer > div {
+          grid-template-columns: var(--order) 40px 90px 80px;
+        }
+      }
+    }
+    @media only screen and (min-width: 1800px) {
+      ${ItemTable} {
+        grid-template-columns: minmax(125px, 170px) minmax(85px, 145px) minmax(auto, max-content);
+        &[role=rowheader] > div[role=group] {
+          grid-template-columns: var(--order) 50px 110px 130px 130px minmax(50px, 2000px);
+        }
+        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapseContainer > div {
+          grid-template-columns: var(--order) 50px 110px 130px;
+        }
+      }
+    }
+    @media only screen and (min-width: 1920px) {
+      ${ItemTable} {
+        &[role=rowheader] > div[role=group] {
+          grid-template-columns: var(--order) 50px 110px 145px 130px minmax(50px, 2000px);
+        }
+        ._refCollapse > div:not(._refCollapseContainer), 
+        ._refCollapseContainer > div {
+          grid-template-columns: var(--order) 50px 110px 145px;
+        }
+      }
+    }
+  `,
   'table-customheader': css`
       overflow: hidden;
   > div {

package/src/typeds/shares.typed.ts

@@ -291,4 +291,5 @@ export type ModeListTableColumn =
   | 'warehouses'
   | 'archived'
   | 'order'
+  | 'order-nocheck'
   | 'table-customheader';