forstok-ui-lib 6.6.6 → 6.6.7

package/package.json

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

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

@@ -4692,4 +4692,23 @@ export const TableBundleColumn = styled.article`
       display: block !important;
     }
   }
+`
+export const FilterStoreContainer = styled.div`
+  margin-top: 16px;
+  max-height: 80px;
+  overflow: auto;
+  > span {
+    font-size: 14px;
+  }
+`
+export const FilterStoreList = styled.div`
+  margin: 6px 12px;
+  display: inline-grid;
+  grid-template-columns: 14px max-content;
+  grid-gap: 8px;
+  font-size: 14px;
+  vertical-align: middle;
+  label:nth-child(2) {
+    cursor: pointer;
+  }
 `

package/src/components/loader/index.tsx

@@ -76,6 +76,22 @@ export const ContentLoaderAnalyticsMenu = () => <ContentLoader
                                                   foregroundOpacity={0.12}>
                                                   <rect x='0' y='15' rx='0' ry='0' width='100%' height='36' />
                                                 </ContentLoader>
+export const ContentLoaderOneLine = ({ $width, $height }:{ $width?: number | string, $height?: number }) => {
+  const _width = $width || 75
+  const _height = $height || 30
+  return <ContentLoader
+          height={_height}
+          width={_width}
+          speed={1}
+          backgroundColor='rgb(0,0,0)'
+          foregroundColor='rgb(0,0,0)'
+          backgroundOpacity={0.06}
+          foregroundOpacity={0.12}
+          viewBox={`0 0 ${_width} ${_height}`}
+        >
+          <rect x='0' y='0' rx='0' ry='0' width={_width} height={_height} />
+        </ContentLoader>
+}
 export const ContentLoaderOrderList = () => {
   const xA = 100, wA = boxWidth - 600;
   const xB = boxWidth - 405, wB = 120;