forstok-ui-lib 6.3.2 → 6.4.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.3.2",
3
+ "version": "6.4.0",
4
4
  "description": "Forstok UI Components Library",
5
5
  "path": "dist",
6
6
  "main": "dist/index.js",
@@ -3737,7 +3737,7 @@ export const FilterButton = styled.div`
3737
3737
  grid-template-columns: 1fr auto;
3738
3738
  gap: 4px;
3739
3739
  `
3740
- export const IconDot = styled.span<{ $mode?: 'list' | 'header' }>`
3740
+ export const IconDot = styled.span<{ $mode?: 'list' | 'header' | 'chat' }>`
3741
3741
  display: grid;
3742
3742
  min-width: 18px;
3743
3743
  height: 18px;
@@ -3749,6 +3749,17 @@ export const IconDot = styled.span<{ $mode?: 'list' | 'header' }>`
3749
3749
  text-align: center;
3750
3750
  padding: 0px 4px;
3751
3751
  border-radius: var(--ter-rd);
3752
+ ${({ $mode }) => $mode === 'chat' && css`
3753
+ position: absolute;
3754
+ z-index: 8;
3755
+ left: 18px;
3756
+ top: 0;
3757
+ padding: 0.2em 0.3em;
3758
+ font-weight: bold;
3759
+ font-size: 10px;
3760
+ min-width: 16px;
3761
+ height: 16px;
3762
+ `}
3752
3763
  ${({ $mode }) => ($mode === 'list' || $mode === 'header') && css`
3753
3764
  position: absolute;
3754
3765
  top: 0;