forstok-ui-lib 5.13.11 → 5.13.13

package/package.json

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

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

@@ -2856,7 +2856,7 @@ export const ListTable = styled.main<{ $mode?: string }>`
   ${ItemTable} {
     width: calc(100% - 19px);
     min-width: 975px;
-    border-top: 1px solid var(--ter-clr-ln);
+    border-bottom: 1px solid var(--ter-clr-ln);
     margin: 9px 9px 9px 10px;
     padding: 16px 12px 16px 19px;
     display: inline-grid;
@@ -2876,25 +2876,24 @@ export const ListTable = styled.main<{ $mode?: string }>`
     }
     &[role=rowheader] {
       padding: 18px 12px 18px 19px;
-      border-bottom: 2px solid var(--ter-clr-ln);
+      border-bottom: 1px solid #e8e8ec;
       color: var(--mt-clr);
       position: relative;
       cursor: pointer;
       line-height: 1;
+      font-weight: 600;
+      font-size: .875rem;
     }
     &[role=row] {
       margin-top: 0;
       margin-bottom: 0;
     }
-    &:last-child {
-      margin-bottom: 9px;
-    }
     &[role=row] > div[role=cellgroup] > div[role=rowgroup], 
     ._refCollapse > div, 
     ._refCollapseContainer > div {
       padding-bottom: 1em;
       &:nth-child(n+2) {
-        border-top: 1px solid rgb(245, 245, 245);
+        border-top: 1px solid rgba(227, 227, 227, .7);
         padding-top: 16px;
       }
       &:last-child {

package/src/components/button/styles.ts

@@ -145,6 +145,7 @@ const getButtonModifiedStyled = ({ $mode, $isIndicatorArrow, $isShown, $isLoadin
   } else if ($mode === 'round-close') {
     style += `
       background-color: transparent;
+      box-shadow: none;
       &:before { 
         content: url('https://forstok-staging-storage.s3.ap-southeast-1.amazonaws.com/public/frontend/icons/close.svg');
         width: 12px;