forstok-ui-lib 6.5.9 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "forstok-ui-lib",
3
- "version": "6.5.9",
3
+ "version": "6.6.0",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
@@ -2463,6 +2463,17 @@ const listTableStyles = {
2463
2463
  }
2464
2464
  }
2465
2465
  `,
2466
+ 'item-nocheck': css`
2467
+ ${ItemTable} {
2468
+ grid-template-columns: var(--item) minmax(auto, max-content) var(--time) minmax(88px, auto);
2469
+ &[role=rowheader] > div[role=group],
2470
+ &[role=row] > div[role=cellgroup] > div[role=rowgroup],
2471
+ ._refCollapse > div:not(._refCollapseContainer),
2472
+ ._refCollapseContainer > div {
2473
+ grid-template-columns: var(--variant) var(--sku) var(--qty-big) var(--price) var(--status-big);
2474
+ }
2475
+ }
2476
+ `,
2466
2477
  listing: css`
2467
2478
  ${ItemTable} {
2468
2479
  grid-template-columns: var(--checkbox) var(--item) minmax(auto, max-content) minmax(88px, auto);
@@ -3269,7 +3280,7 @@ export const FilterButton = styled.div`
3269
3280
  grid-template-columns: 1fr auto;
3270
3281
  gap: 4px;
3271
3282
  `
3272
- export const IconDot = styled.span<{ $mode?: 'list' | 'header' | 'chat' }>`
3283
+ export const IconDot = styled.span<{ $mode?: 'list' | 'header' | 'chat', $width?: string, $height?: string, $size?: 'string' }>`
3273
3284
  display: grid;
3274
3285
  min-width: 18px;
3275
3286
  height: 18px;
@@ -3306,6 +3317,15 @@ export const IconDot = styled.span<{ $mode?: 'list' | 'header' | 'chat' }>`
3306
3317
  transform: scale(1) translate(50%, -50%);
3307
3318
  `}
3308
3319
  `}
3320
+ ${({ $width }) => $width && css`
3321
+ min-width: ${$width}px;
3322
+ `}
3323
+ ${({ $height }) => $height && css`
3324
+ height: ${$height}px;
3325
+ `}
3326
+ ${({ $size }) => $size && css`
3327
+ font-size: ${$size}px;
3328
+ `}
3309
3329
  `
3310
3330
  export const SortByWrapper = styled.section`
3311
3331
  justify-self: end;
@@ -267,6 +267,7 @@ export type TStateCallback<TData> = DispatchWithCallback<React.SetStateAction<TD
267
267
 
268
268
  export type ModeListTableColumn =
269
269
  | 'item'
270
+ | 'item-nocheck'
270
271
  | 'listing'
271
272
  | 'quantity'
272
273
  | 'picklist'