@kvell-group/ui 1.18.18 → 1.18.20

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.
Files changed (5) hide show
  1. package/package.json +1 -1
  2. package/src/components/KvellUiProvider/KvellUiProvider.css +1 -0
  3. package/src/components/Text/Text.tsx +4 -5
  4. package/src/constants/font-variants.ts +2 -0
  5. package/src/styles/typography.module.css +8 -0
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@kvell-group/ui",
3
3
  "author": "Kvell Group",
4
4
  "private": false,
5
- "version": "1.18.18",
5
+ "version": "1.18.20",
6
6
  "type": "module",
7
7
  "main": "src/index.ts",
8
8
  "types": "src/index.ts",
package/src/components/KvellUiProvider/KvellUiProvider.css CHANGED
@@ -88,6 +88,7 @@
88
88
  --color-text-base-inverted: #ffffff;
89
89
  --color-text-status-destructive: #e6483d;
90
90
  --color-text-status-info: #4778f5;
91
+ --color-text-status-success: #26bd6c;
91
92
  --color-icon-base-secondary: #0f132499;
92
93
  --color-icon-base-tertiary: #0d112666;
93
94
  --color-icon-base-quaternary: #0a0f2940;
package/src/components/Text/Text.tsx CHANGED
@@ -1,18 +1,17 @@
1
- import type { TextProps as TextBaseProps } from '@mantine/core'
1
+ import type { ElementProps, TextProps as TextBaseProps } from '@mantine/core'
2
2
  import { Text as TextBase } from '@mantine/core'
3
- import { forwardRef, type ReactNode, type Ref } from 'react'
3
+ import { forwardRef } from 'react'
4
4
 
5
5
  import classesNames from '../../styles/typography.module.css'
6
6
  import type { TextVariants } from './types'
7
7
 
8
8
  // ----------------------------------------------------------------------
9
9
 
10
- type TextProps = Omit<TextBaseProps, 'variant'> & {
11
- children: ReactNode
10
+ interface TextProps extends TextBaseProps, ElementProps<'p', keyof TextBaseProps> {
12
11
  variant?: TextVariants
13
12
  }
14
13
 
15
- export const Text = forwardRef((props: TextProps, ref: Ref<HTMLParagraphElement>) => (
14
+ export const Text = forwardRef<HTMLParagraphElement, TextProps>((props, ref) => (
16
15
  <TextBase
17
16
  ref={ref}
18
17
  {...props}
package/src/constants/font-variants.ts CHANGED
@@ -14,6 +14,7 @@ export const BODY_L_BOLD_FONT_VARIANT = 'body-l-bold' as const
14
14
  export const BODY_S_MEDIUM_FONT_VARIANT = 'body-s-medium' as const
15
15
  export const BODY_S_REGULAR_FONT_VARIANT = 'body-s-regular' as const
16
16
  export const BODY_S_SEMIBOLD_FONT_VARIANT = 'body-s-semibold' as const
17
+ export const BODY_S_BOLD_FONT_VARIANT = 'body-s-bold' as const
17
18
 
18
19
  //caption
19
20
  export const CAPTION_L_MEDIUM_FONT_VARIANT = 'caption-l-medium' as const
@@ -38,6 +39,7 @@ export const FontVariants = [
38
39
  BODY_S_MEDIUM_FONT_VARIANT,
39
40
  BODY_S_REGULAR_FONT_VARIANT,
40
41
  BODY_S_SEMIBOLD_FONT_VARIANT,
42
+ BODY_S_BOLD_FONT_VARIANT,
41
43
  //caption
42
44
  CAPTION_L_MEDIUM_FONT_VARIANT,
43
45
  CAPTION_L_REGULAR_FONT_VARIANT,
package/src/styles/typography.module.css CHANGED
@@ -105,6 +105,14 @@ h2.body-m-medium,
105
105
  letter-spacing: var(--mantine-spacing-body-s);
106
106
  }
107
107
 
108
+ .body-s-bold {
109
+ font-family: var(--mantine-font-family);
110
+ font-weight: 700;
111
+ font-size: var(--mantine-font-size-body-s);
112
+ line-height: var(--mantine-line-height-body-s);
113
+ letter-spacing: var(--mantine-spacing-body-s);
114
+ }
115
+
108
116
  /* caption */
109
117
  .caption-l-medium {
110
118
  font-family: var(--mantine-font-family);