@redneckz/wildless-cms-uni-blocks 0.6.32 → 0.6.33

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 (149) hide show
  1. package/bundle/bundle.umd.js +23 -16
  2. package/bundle/bundle.umd.min.js +1 -1
  3. package/bundle/ui-kit/Paragraph/Paragraph.d.ts +9 -0
  4. package/bundle/ui-kit/Text/Text.d.ts +34 -0
  5. package/dist/components/Accordion/Accordion.js +2 -1
  6. package/dist/components/Accordion/Accordion.js.map +1 -1
  7. package/dist/components/Accordion/Accordion.mobile.js +2 -1
  8. package/dist/components/Accordion/Accordion.mobile.js.map +1 -1
  9. package/dist/components/AccordionItem/AccordionItem.js +2 -1
  10. package/dist/components/AccordionItem/AccordionItem.js.map +1 -1
  11. package/dist/components/AccordionItem/AccordionItem.mobile.js +2 -1
  12. package/dist/components/AccordionItem/AccordionItem.mobile.js.map +1 -1
  13. package/dist/components/CarouselLinks/CarouselLinks.js +4 -4
  14. package/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
  15. package/dist/components/ContactsBlock/ContactsBlock.js +2 -2
  16. package/dist/components/ContactsBlock/ContactsBlock.js.map +1 -1
  17. package/dist/components/Headline/Headline.js +1 -2
  18. package/dist/components/Headline/Headline.js.map +1 -1
  19. package/dist/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
  20. package/dist/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
  21. package/dist/components/Recommendation/RecommendationCard.js +1 -2
  22. package/dist/components/Recommendation/RecommendationCard.js.map +1 -1
  23. package/dist/components/TariffsTable/TariffsTable.mobile.js +1 -1
  24. package/dist/components/TariffsTable/TariffsTable.mobile.js.map +1 -1
  25. package/dist/components/Tile/Tile.js +2 -2
  26. package/dist/components/Tile/Tile.js.map +1 -1
  27. package/dist/ui-kit/Paragraph/Paragraph.d.ts +9 -0
  28. package/dist/ui-kit/Paragraph/Paragraph.js +10 -0
  29. package/dist/ui-kit/Paragraph/Paragraph.js.map +1 -0
  30. package/dist/ui-kit/Text/Text.d.ts +34 -0
  31. package/dist/ui-kit/Text/Text.js +10 -0
  32. package/dist/ui-kit/Text/Text.js.map +1 -0
  33. package/lib/common.css +1 -1
  34. package/lib/components/Accordion/Accordion.js +2 -1
  35. package/lib/components/Accordion/Accordion.js.map +1 -1
  36. package/lib/components/Accordion/Accordion.mobile.js +2 -1
  37. package/lib/components/Accordion/Accordion.mobile.js.map +1 -1
  38. package/lib/components/AccordionItem/AccordionItem.js +2 -1
  39. package/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  40. package/lib/components/AccordionItem/AccordionItem.mobile.js +2 -1
  41. package/lib/components/AccordionItem/AccordionItem.mobile.js.map +1 -1
  42. package/lib/components/CarouselLinks/CarouselLinks.js +4 -4
  43. package/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
  44. package/lib/components/ContactsBlock/ContactsBlock.js +2 -2
  45. package/lib/components/ContactsBlock/ContactsBlock.js.map +1 -1
  46. package/lib/components/Headline/Headline.js +1 -2
  47. package/lib/components/Headline/Headline.js.map +1 -1
  48. package/lib/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
  49. package/lib/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
  50. package/lib/components/Recommendation/RecommendationCard.js +1 -2
  51. package/lib/components/Recommendation/RecommendationCard.js.map +1 -1
  52. package/lib/components/TariffsTable/TariffsTable.mobile.js +1 -1
  53. package/lib/components/TariffsTable/TariffsTable.mobile.js.map +1 -1
  54. package/lib/components/Tile/Tile.js +2 -2
  55. package/lib/components/Tile/Tile.js.map +1 -1
  56. package/lib/ui-kit/Paragraph/Paragraph.d.ts +9 -0
  57. package/lib/ui-kit/Paragraph/Paragraph.js +8 -0
  58. package/lib/ui-kit/Paragraph/Paragraph.js.map +1 -0
  59. package/lib/ui-kit/Text/Text.d.ts +34 -0
  60. package/lib/ui-kit/Text/Text.js +8 -0
  61. package/lib/ui-kit/Text/Text.js.map +1 -0
  62. package/mobile/bundle/bundle.umd.js +16 -4
  63. package/mobile/bundle/bundle.umd.min.js +1 -1
  64. package/mobile/bundle/ui-kit/Paragraph/Paragraph.d.ts +9 -0
  65. package/mobile/bundle/ui-kit/Text/Text.d.ts +34 -0
  66. package/mobile/dist/components/Accordion/Accordion.js +2 -1
  67. package/mobile/dist/components/Accordion/Accordion.js.map +1 -1
  68. package/mobile/dist/components/AccordionItem/AccordionItem.js +2 -1
  69. package/mobile/dist/components/AccordionItem/AccordionItem.js.map +1 -1
  70. package/mobile/dist/components/CarouselLinks/CarouselLinks.js +4 -4
  71. package/mobile/dist/components/CarouselLinks/CarouselLinks.js.map +1 -1
  72. package/mobile/dist/components/ContactsBlock/ContactsBlock.js +2 -2
  73. package/mobile/dist/components/ContactsBlock/ContactsBlock.js.map +1 -1
  74. package/mobile/dist/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
  75. package/mobile/dist/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
  76. package/mobile/dist/components/Recommendation/RecommendationCard.js +1 -2
  77. package/mobile/dist/components/Recommendation/RecommendationCard.js.map +1 -1
  78. package/mobile/dist/components/TariffsTable/TariffsTable.js +1 -1
  79. package/mobile/dist/components/TariffsTable/TariffsTable.js.map +1 -1
  80. package/mobile/dist/components/Tile/Tile.js +2 -2
  81. package/mobile/dist/components/Tile/Tile.js.map +1 -1
  82. package/mobile/dist/ui-kit/Paragraph/Paragraph.d.ts +9 -0
  83. package/mobile/dist/ui-kit/Paragraph/Paragraph.js +10 -0
  84. package/mobile/dist/ui-kit/Paragraph/Paragraph.js.map +1 -0
  85. package/mobile/dist/ui-kit/Text/Text.d.ts +34 -0
  86. package/mobile/dist/ui-kit/Text/Text.js +10 -0
  87. package/mobile/dist/ui-kit/Text/Text.js.map +1 -0
  88. package/mobile/lib/components/Accordion/Accordion.js +2 -1
  89. package/mobile/lib/components/Accordion/Accordion.js.map +1 -1
  90. package/mobile/lib/components/AccordionItem/AccordionItem.js +2 -1
  91. package/mobile/lib/components/AccordionItem/AccordionItem.js.map +1 -1
  92. package/mobile/lib/components/CarouselLinks/CarouselLinks.js +4 -4
  93. package/mobile/lib/components/CarouselLinks/CarouselLinks.js.map +1 -1
  94. package/mobile/lib/components/ContactsBlock/ContactsBlock.js +2 -2
  95. package/mobile/lib/components/ContactsBlock/ContactsBlock.js.map +1 -1
  96. package/mobile/lib/components/InvestmentGallery/InvestmentGalleryCard.js +1 -2
  97. package/mobile/lib/components/InvestmentGallery/InvestmentGalleryCard.js.map +1 -1
  98. package/mobile/lib/components/Recommendation/RecommendationCard.js +1 -2
  99. package/mobile/lib/components/Recommendation/RecommendationCard.js.map +1 -1
  100. package/mobile/lib/components/TariffsTable/TariffsTable.js +1 -1
  101. package/mobile/lib/components/TariffsTable/TariffsTable.js.map +1 -1
  102. package/mobile/lib/components/Tile/Tile.js +2 -2
  103. package/mobile/lib/components/Tile/Tile.js.map +1 -1
  104. package/mobile/lib/ui-kit/Paragraph/Paragraph.d.ts +9 -0
  105. package/mobile/lib/ui-kit/Paragraph/Paragraph.js +8 -0
  106. package/mobile/lib/ui-kit/Paragraph/Paragraph.js.map +1 -0
  107. package/mobile/lib/ui-kit/Text/Text.d.ts +34 -0
  108. package/mobile/lib/ui-kit/Text/Text.js +8 -0
  109. package/mobile/lib/ui-kit/Text/Text.js.map +1 -0
  110. package/mobile/src/components/Accordion/Accordion.tsx +9 -5
  111. package/mobile/src/components/AccordionItem/AccordionItem.tsx +7 -4
  112. package/mobile/src/components/CarouselLinks/CarouselLinks.tsx +12 -6
  113. package/mobile/src/components/ContactsBlock/ContactsBlock.tsx +4 -5
  114. package/mobile/src/components/InvestmentGallery/InvestmentGalleryCard.tsx +2 -3
  115. package/mobile/src/components/Recommendation/RecommendationCard.tsx +1 -2
  116. package/mobile/src/components/TariffsTable/TariffsTable.tsx +1 -1
  117. package/mobile/src/components/Tile/Tile.tsx +4 -2
  118. package/mobile/src/ui-kit/Paragraph/Paragraph.tsx +17 -0
  119. package/mobile/src/ui-kit/Text/Text.tsx +79 -0
  120. package/package.json +1 -1
  121. package/src/components/Accordion/Accordion.mobile.tsx +9 -5
  122. package/src/components/Accordion/Accordion.tsx +7 -2
  123. package/src/components/AccordionItem/AccordionItem.mobile.tsx +7 -4
  124. package/src/components/AccordionItem/AccordionItem.tsx +4 -1
  125. package/src/components/CarouselLinks/CarouselLinks.tsx +12 -6
  126. package/src/components/ContactsBlock/ContactsBlock.tsx +4 -5
  127. package/src/components/Headline/Headline.tsx +3 -5
  128. package/src/components/InvestmentGallery/InvestmentGalleryCard.tsx +2 -3
  129. package/src/components/Recommendation/RecommendationCard.tsx +1 -2
  130. package/src/components/TariffsTable/TariffsTable.mobile.tsx +1 -1
  131. package/src/components/Tile/Tile.tsx +4 -2
  132. package/src/ui-kit/Paragraph/Paragraph.tsx +17 -0
  133. package/src/ui-kit/Text/Text.tsx +79 -0
  134. package/bundle/ui-kit/Description/Description.d.ts +0 -5
  135. package/dist/ui-kit/Description/Description.d.ts +0 -5
  136. package/dist/ui-kit/Description/Description.js +0 -9
  137. package/dist/ui-kit/Description/Description.js.map +0 -1
  138. package/lib/ui-kit/Description/Description.d.ts +0 -5
  139. package/lib/ui-kit/Description/Description.js +0 -7
  140. package/lib/ui-kit/Description/Description.js.map +0 -1
  141. package/mobile/bundle/ui-kit/Description/Description.d.ts +0 -5
  142. package/mobile/dist/ui-kit/Description/Description.d.ts +0 -5
  143. package/mobile/dist/ui-kit/Description/Description.js +0 -9
  144. package/mobile/dist/ui-kit/Description/Description.js.map +0 -1
  145. package/mobile/lib/ui-kit/Description/Description.d.ts +0 -5
  146. package/mobile/lib/ui-kit/Description/Description.js +0 -7
  147. package/mobile/lib/ui-kit/Description/Description.js.map +0 -1
  148. package/mobile/src/ui-kit/Description/Description.tsx +0 -12
  149. package/src/ui-kit/Description/Description.tsx +0 -12
@@ -1,7 +1,6 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import type { BlockVersion } from '../../model/BlockVersion';
3
3
  import { BorderVersionStyleMap } from '../../model/BorderVersion';
4
- import { Description } from '../../ui-kit/Description/Description';
5
4
  import { Heading } from '../../ui-kit/Heading/Heading';
6
5
  import { Img } from '../../ui-kit/Img/Img';
7
6
  import { BaseTile } from '../BaseTile/BaseTile';
@@ -51,9 +50,9 @@ export const InvestmentGalleryCard = JSX<RecommendationCardProps>(
51
50
  <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>
52
51
  <div className="flex flex-col justify-between">
53
52
  <div className="flex itens-center justify-between mb-4">
54
- {description ? <Description className="text-h6" description={description} /> : null}
53
+ {description ? <span className="text-h6">{description}</span> : null}
55
54
  {additionalDescription ? (
56
- <div className="text-m-light text-secondary-text"> {additionalDescription} </div>
55
+ <span className="text-m-light text-secondary-text"> {additionalDescription} </span>
57
56
  ) : null}
58
57
  </div>
59
58
  {cardList?.length ? (
@@ -1,7 +1,6 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import type { BlockVersion } from '../../model/BlockVersion';
3
3
  import { renderButton } from '../../ui-kit/Button/ButtonSection';
4
- import { Description } from '../../ui-kit/Description/Description';
5
4
  import { Heading } from '../../ui-kit/Heading/Heading';
6
5
  import { Img } from '../../ui-kit/Img/Img';
7
6
  import { List } from '../../ui-kit/List/List';
@@ -30,7 +29,7 @@ export const RecommendationCard = JSX<RecommendationCardProps>(
30
29
  >
31
30
  <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>
32
31
  <div className="h-full flex flex-col justify-between">
33
- {description ? <Description className="mb-2" description={description} /> : null}
32
+ {description ? <span className="mb-2">{description}</span> : null}
34
33
  {items?.length ? (
35
34
  <List
36
35
  className="text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]"
@@ -45,7 +45,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
45
45
  );
46
46
 
47
47
  const getColData = (columns: TariffsTableColumn[] | undefined) =>
48
- columns?.[0].data ? columns[0].data : [];
48
+ columns?.[0]?.data ? columns[0].data : [];
49
49
 
50
50
  const getTiles = (rowHeaders: TariffsTableRowHeader[] | undefined, colData: CellDef[][]) =>
51
51
  rowHeaders?.map((header, i) => ({
@@ -3,11 +3,11 @@ import { VersionStyleMap } from '../../model/BlockVersion';
3
3
  import type { UniBlockProps } from '../../model/JSXBlock';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
5
5
  import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
6
- import { Description } from '../../ui-kit/Description/Description';
7
6
  import { Heading } from '../../ui-kit/Heading/Heading';
8
7
  import { Img } from '../../ui-kit/Img/Img';
9
8
  import { List } from '../../ui-kit/List/List';
10
9
  import type { ListProps } from '../../ui-kit/List/ListProps';
10
+ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
11
11
  import { Tags } from '../../ui-kit/Tags/Tags';
12
12
  import { BaseTile } from '../BaseTile/BaseTile';
13
13
  import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
@@ -66,7 +66,9 @@ export const Tile = JSX<TileProps>((props) => {
66
66
  image={image?.src ? <Img className="mt-auto ml-7" image={image} /> : null}
67
67
  >
68
68
  {description ? (
69
- <Description className="max-w-[600px] text-xl-light mt-2.5" description={description} />
69
+ <div className="max-w-[600px] mt-2.5">
70
+ <Paragraph size="text-xl-light">{description}</Paragraph>
71
+ </div>
70
72
  ) : null}
71
73
  {children}
72
74
  {renderList({ version, isDotted, listItemSize }, items)}
@@ -0,0 +1,17 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+ import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/Text';
3
+
4
+ interface ParagraphProps {
5
+ size?: TextSize;
6
+ color?: TextColor;
7
+ align?: TextAlign;
8
+ font?: FontWeight;
9
+ }
10
+
11
+ export const Paragraph = JSX<ParagraphProps>((props) => {
12
+ const { size = '', color = '', align = '', font = '', children } = props;
13
+
14
+ const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
15
+
16
+ return <p className={textClasses}>{children}</p>;
17
+ });
@@ -0,0 +1,79 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+
3
+ /**
4
+ * @title Размер текста
5
+ */
6
+ export type TextSize =
7
+ | ''
8
+ | 'text-xs-light'
9
+ | 'text-s-light'
10
+ | 'text-s'
11
+ | 'text-m-light'
12
+ | 'text-m'
13
+ | 'text-l-light'
14
+ | 'text-l'
15
+ | 'text-xl-light'
16
+ | 'text-xl';
17
+
18
+ /**
19
+ * @title Размер текста
20
+ */
21
+ export type TitleSize =
22
+ | ''
23
+ | 'text-h6'
24
+ | 'text-h5'
25
+ | 'text-h5-light'
26
+ | 'text-h4'
27
+ | 'text-h3'
28
+ | 'text-h2'
29
+ | 'text-h1'
30
+ | 'text-h0'
31
+ | 'text-m-title'
32
+ | 'text-m-title-xs'
33
+ | 'title-extra'
34
+ | 'title-huge';
35
+
36
+ /**
37
+ * @title Цвет текста
38
+ */
39
+ export type TextColor =
40
+ | ''
41
+ | 'text-main'
42
+ | 'text-primary-text'
43
+ | 'text-primary-main'
44
+ | 'text-secondary-text'
45
+ | 'text-secondary-light'
46
+ | 'text-error'
47
+ | 'text-white'
48
+ | 'text-green';
49
+
50
+ /**
51
+ * @title Выравнивание
52
+ * @enumNames [
53
+ * "По умолчанию",
54
+ * "По левому краю",
55
+ * "По центру",
56
+ * "По правому краю"
57
+ * ]
58
+ */
59
+ export type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
60
+
61
+ /**
62
+ * @title Насыщенность шрифта
63
+ */
64
+ export type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';
65
+
66
+ interface TextProps {
67
+ size?: TextSize | TitleSize;
68
+ color?: TextColor;
69
+ align?: TextAlign;
70
+ font?: FontWeight;
71
+ }
72
+
73
+ export const Text = JSX<TextProps>((props) => {
74
+ const { size = '', color = '', align = '', font = '', children } = props;
75
+
76
+ const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
77
+
78
+ return <span className={textClasses}>{children}</span>;
79
+ });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redneckz/wildless-cms-uni-blocks",
3
- "version": "0.6.32",
3
+ "version": "0.6.33",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "author": "ЦК",
@@ -2,6 +2,7 @@ import { JSX } from '@redneckz/uni-jsx';
2
2
  import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
3
3
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
4
4
  import { Heading } from '../../ui-kit/Heading/Heading';
5
+ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
5
6
  import type { AccordionContent } from './AccordionContent';
6
7
  import { AccordionItemsList } from './AccordionItemsList';
7
8
 
@@ -9,12 +10,15 @@ export interface AccordionProps extends AccordionContent, UniBlockProps {}
9
10
 
10
11
  export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
11
12
  ({ title, description, className = '', children, ...rest }) => (
12
- <BlockWrapper
13
- className={`py-6 px-4 font-sans bg-white text-primary-text ${className}`}
14
- {...rest}
15
- >
13
+ <BlockWrapper className={`py-6 px-4 bg-white text-primary-text ${className}`} {...rest}>
16
14
  {title ? <Heading headingType="h3" className="mb-2 text-center" title={title} /> : null}
17
- {description ? <div className="mb-5 text-m-light text-center">{description}</div> : null}
15
+ {description ? (
16
+ <div className="mb-5">
17
+ <Paragraph size="text-m" font="font-light" align="text-center">
18
+ {description}
19
+ </Paragraph>
20
+ </div>
21
+ ) : null}
18
22
  <AccordionItemsList>{children}</AccordionItemsList>
19
23
  </BlockWrapper>
20
24
  ),
@@ -3,6 +3,7 @@ import { AlignText } from '../../model/AlignText';
3
3
  import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
5
5
  import { Heading } from '../../ui-kit/Heading/Heading';
6
+ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
6
7
  import type { AccordionContent } from './AccordionContent';
7
8
  import { AccordionItemsList } from './AccordionItemsList';
8
9
 
@@ -11,7 +12,7 @@ export interface AccordionProps extends AccordionContent, UniBlockProps {}
11
12
  export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
12
13
  ({ className = '', title, accordionAlignTitle = 'center', description, children, ...rest }) => (
13
14
  <BlockWrapper
14
- className={`p-[50px] mb-1 last:mb-0 font-sans bg-white text-primary-text ${className}`}
15
+ className={`p-[50px] mb-1 last:mb-0 bg-white text-primary-text ${className}`}
15
16
  {...rest}
16
17
  >
17
18
  {title ? (
@@ -22,7 +23,11 @@ export const Accordion: JSXBlock<AccordionProps> = JSX<AccordionProps>(
22
23
  title={title}
23
24
  />
24
25
  ) : null}
25
- {description ? <div className="mb-2.5 text-l">{description}</div> : null}
26
+ {description ? (
27
+ <div className="mb-2.5">
28
+ <Paragraph size="text-l">{description}</Paragraph>
29
+ </div>
30
+ ) : null}
26
31
  <AccordionItemsList>{children}</AccordionItemsList>
27
32
  </BlockWrapper>
28
33
  ),
@@ -6,9 +6,10 @@ import { Foldable } from '../../ui-kit/Foldable/Foldable';
6
6
  import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
7
7
  import type { IconName } from '../../ui-kit/Icon/IconProps';
8
8
  import { Img } from '../../ui-kit/Img/Img';
9
+ import { Text } from '../../ui-kit/Text/Text';
10
+ import { getIconWithVersion } from '../../utils/getIconWithVersion';
9
11
  import type { AccordionContent } from '../Accordion/AccordionContent';
10
12
  import type { AccordionItemProps } from './AccordionItemProps';
11
- import { getIconWithVersion } from '../../utils/getIconWithVersion';
12
13
 
13
14
  const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
14
15
 
@@ -63,7 +64,7 @@ const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon,
63
64
  className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`}
64
65
  onClick={onClick}
65
66
  >
66
- <span className="text-m-title-xs font-medium pr-2.5 flex group-hover:text-primary-main">
67
+ <div className="flex group-hover:text-primary-main">
67
68
  {primaryIcon ? (
68
69
  <Img
69
70
  image={getIconWithVersion(primaryIcon)}
@@ -73,8 +74,10 @@ const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon,
73
74
  asSVG
74
75
  />
75
76
  ) : null}
76
- {label}
77
- </span>
77
+ <Text size="text-m-title-xs" font="font-medium">
78
+ {label}
79
+ </Text>
80
+ </div>
78
81
  <Img
79
82
  className="flex-shrink-0"
80
83
  image={getIconWithVersion({ icon: icon })}
@@ -4,6 +4,7 @@ import { Foldable } from '../../ui-kit/Foldable/Foldable';
4
4
  import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
5
5
  import type { IconName } from '../../ui-kit/Icon/IconProps';
6
6
  import { Img } from '../../ui-kit/Img/Img';
7
+ import { Text } from '../../ui-kit/Text/Text';
7
8
  import type { AccordionItemProps } from './AccordionItemProps';
8
9
 
9
10
  const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
@@ -42,7 +43,9 @@ const FoldButton = JSX<FoldButtonProps>(({ label, icon, onClick }) => (
42
43
  className="border-none bg-transparent px-0 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 group cursor-pointer"
43
44
  onClick={onClick}
44
45
  >
45
- <span className="text-xl font-medium pr-2.5">{label}</span>
46
+ <Text size="text-xl" font="font-medium">
47
+ {label}
48
+ </Text>
46
49
  <Img image={icon} className="text-primary-main flex-shrink-0" width="24" height="24" asSVG />
47
50
  </button>
48
51
  ));
@@ -2,9 +2,9 @@ import { JSX } from '@redneckz/uni-jsx';
2
2
  import type { UniBlockProps } from '../../model/JSXBlock';
3
3
  import type { LinkProps } from '../../model/LinkProps';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
5
- import { Description } from '../../ui-kit/Description/Description';
6
5
  import { Heading } from '../../ui-kit/Heading/Heading';
7
6
  import { LinkButton } from '../../ui-kit/LinkButton/LinkButton';
7
+ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
8
8
  import { sliceArray } from '../../utils/sliceArray';
9
9
  import { Carousel } from '../Carousel/Carousel';
10
10
  import type { CarouselLinksContent } from './CarouselLinksContent';
@@ -14,7 +14,7 @@ export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps
14
14
  const MAX_LINKS_COUNT = 12;
15
15
 
16
16
  export const CarouselLinks = JSX<CarouselLinksProps>(
17
- ({ additionalDescription, block, description, links, title, className = '', ...rest }) => {
17
+ ({ additionalDescription, description, links, title, className = '', ...rest }) => {
18
18
  return (
19
19
  <BlockWrapper
20
20
  className={`bg-primary-main flex w-full p-10 overflow-hidden justify-between font-sans ${className}`}
@@ -23,19 +23,25 @@ export const CarouselLinks = JSX<CarouselLinksProps>(
23
23
  <div className="flex flex-col max-w-96 pr-9 text-white text-xl-light">
24
24
  {title ? <Heading title={title} as="h1" headingType="h0" className="pb-0.5" /> : null}
25
25
  {description ? (
26
- <Description description={description} className="text-xl-light pt-5" />
26
+ <div className="pt-5">
27
+ <Paragraph size="text-xl" font="font-light">
28
+ {description}
29
+ </Paragraph>
30
+ </div>
27
31
  ) : null}
28
32
  {additionalDescription ? (
29
- <Description description={additionalDescription} className="pt-6" />
33
+ <div className="pt-6">
34
+ <Paragraph>{additionalDescription}</Paragraph>
35
+ </div>
30
36
  ) : null}
31
37
  </div>
32
- {links?.length ? renderLinks(links, block) : null}
38
+ {links?.length ? renderLinks(links) : null}
33
39
  </BlockWrapper>
34
40
  );
35
41
  },
36
42
  );
37
43
 
38
- const renderLinks = (links: LinkProps[], block: any) => {
44
+ const renderLinks = (links: LinkProps[]) => {
39
45
  const slicedLinks = sliceArray(links, MAX_LINKS_COUNT);
40
46
 
41
47
  const slides = slicedLinks.map((slide) => (
@@ -4,7 +4,7 @@ import { VersionStyleMap } from '../../model/BlockVersion';
4
4
  import { UniBlockProps } from '../../model/JSXBlock';
5
5
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
6
6
  import { Button } from '../../ui-kit/Button/Button';
7
- import { Description } from '../../ui-kit/Description/Description';
7
+ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
8
8
  import { Headline } from '../Headline/Headline';
9
9
  import type { ContactBlockProps, ContactsBlockContent } from './ContactsBlockContent';
10
10
 
@@ -47,10 +47,9 @@ const renderBlocksColumn = ({ column, index, version }: RenderContactsColumnProp
47
47
  bgColorHeadline={version}
48
48
  />
49
49
  {additionalDescription ? (
50
- <Description
51
- className="text-m-light mt-1.5 opacity-80"
52
- description={additionalDescription}
53
- />
50
+ <div className="mt-1.5 opacity-80">
51
+ <Paragraph size="text-m-light">{additionalDescription}</Paragraph>
52
+ </div>
54
53
  ) : null}
55
54
  {button ? <Button className="mt-6" {...button} /> : null}
56
55
  </div>
@@ -2,7 +2,6 @@ import { JSX } from '@redneckz/uni-jsx';
2
2
  import { AlignText } from '../../model/AlignText';
3
3
  import type { UniBlockProps } from '../../model/JSXBlock';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
5
- import { Description } from '../../ui-kit/Description/Description';
6
5
  import { Heading } from '../../ui-kit/Heading/Heading';
7
6
  import { HEADLINE_BLOCK_STYLE_MAPS, HEADLINE_VERSION } from './constants';
8
7
  import type { HeadlineContent } from './HeadlineContent';
@@ -37,10 +36,9 @@ export const Headline = JSX<HeadlineProps>(
37
36
  />
38
37
  ) : null}
39
38
  {description ? (
40
- <Description
41
- className={`${SIZE_MAPS.descriptionFont} ${STYLE_MAPS.text} ${AlignText[align]}`}
42
- description={description}
43
- />
39
+ <p className={`${SIZE_MAPS.descriptionFont} ${STYLE_MAPS.text} ${AlignText[align]}`}>
40
+ {description}
41
+ </p>
44
42
  ) : null}
45
43
  </BlockWrapper>
46
44
  );
@@ -1,7 +1,6 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import type { BlockVersion } from '../../model/BlockVersion';
3
3
  import { BorderVersionStyleMap } from '../../model/BorderVersion';
4
- import { Description } from '../../ui-kit/Description/Description';
5
4
  import { Heading } from '../../ui-kit/Heading/Heading';
6
5
  import { Img } from '../../ui-kit/Img/Img';
7
6
  import { BaseTile } from '../BaseTile/BaseTile';
@@ -51,9 +50,9 @@ export const InvestmentGalleryCard = JSX<RecommendationCardProps>(
51
50
  <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>
52
51
  <div className="flex flex-col justify-between">
53
52
  <div className="flex itens-center justify-between mb-4">
54
- {description ? <Description className="text-h6" description={description} /> : null}
53
+ {description ? <span className="text-h6">{description}</span> : null}
55
54
  {additionalDescription ? (
56
- <div className="text-m-light text-secondary-text"> {additionalDescription} </div>
55
+ <span className="text-m-light text-secondary-text"> {additionalDescription} </span>
57
56
  ) : null}
58
57
  </div>
59
58
  {cardList?.length ? (
@@ -1,7 +1,6 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
2
  import type { BlockVersion } from '../../model/BlockVersion';
3
3
  import { renderButton } from '../../ui-kit/Button/ButtonSection';
4
- import { Description } from '../../ui-kit/Description/Description';
5
4
  import { Heading } from '../../ui-kit/Heading/Heading';
6
5
  import { Img } from '../../ui-kit/Img/Img';
7
6
  import { List } from '../../ui-kit/List/List';
@@ -30,7 +29,7 @@ export const RecommendationCard = JSX<RecommendationCardProps>(
30
29
  >
31
30
  <BaseTile className="flex justify-between" title={tileTitle} image={tileImage}>
32
31
  <div className="h-full flex flex-col justify-between">
33
- {description ? <Description className="mb-2" description={description} /> : null}
32
+ {description ? <span className="mb-2">{description}</span> : null}
34
33
  {items?.length ? (
35
34
  <List
36
35
  className="text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]"
@@ -45,7 +45,7 @@ export const TariffsTable = JSX<TariffsTableProps>(
45
45
  );
46
46
 
47
47
  const getColData = (columns: TariffsTableColumn[] | undefined) =>
48
- columns?.[0].data ? columns[0].data : [];
48
+ columns?.[0]?.data ? columns[0].data : [];
49
49
 
50
50
  const getTiles = (rowHeaders: TariffsTableRowHeader[] | undefined, colData: CellDef[][]) =>
51
51
  rowHeaders?.map((header, i) => ({
@@ -3,11 +3,11 @@ import { VersionStyleMap } from '../../model/BlockVersion';
3
3
  import type { UniBlockProps } from '../../model/JSXBlock';
4
4
  import { BlockWrapper } from '../../ui-kit/BlockWrapper';
5
5
  import { ButtonSection } from '../../ui-kit/Button/ButtonSection';
6
- import { Description } from '../../ui-kit/Description/Description';
7
6
  import { Heading } from '../../ui-kit/Heading/Heading';
8
7
  import { Img } from '../../ui-kit/Img/Img';
9
8
  import { List } from '../../ui-kit/List/List';
10
9
  import type { ListProps } from '../../ui-kit/List/ListProps';
10
+ import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
11
11
  import { Tags } from '../../ui-kit/Tags/Tags';
12
12
  import { BaseTile } from '../BaseTile/BaseTile';
13
13
  import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
@@ -66,7 +66,9 @@ export const Tile = JSX<TileProps>((props) => {
66
66
  image={image?.src ? <Img className="mt-auto ml-7" image={image} /> : null}
67
67
  >
68
68
  {description ? (
69
- <Description className="max-w-[600px] text-xl-light mt-2.5" description={description} />
69
+ <div className="max-w-[600px] mt-2.5">
70
+ <Paragraph size="text-xl-light">{description}</Paragraph>
71
+ </div>
70
72
  ) : null}
71
73
  {children}
72
74
  {renderList({ version, isDotted, listItemSize }, items)}
@@ -0,0 +1,17 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+ import type { FontWeight, TextAlign, TextColor, TextSize } from '../Text/Text';
3
+
4
+ interface ParagraphProps {
5
+ size?: TextSize;
6
+ color?: TextColor;
7
+ align?: TextAlign;
8
+ font?: FontWeight;
9
+ }
10
+
11
+ export const Paragraph = JSX<ParagraphProps>((props) => {
12
+ const { size = '', color = '', align = '', font = '', children } = props;
13
+
14
+ const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
15
+
16
+ return <p className={textClasses}>{children}</p>;
17
+ });
@@ -0,0 +1,79 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+
3
+ /**
4
+ * @title Размер текста
5
+ */
6
+ export type TextSize =
7
+ | ''
8
+ | 'text-xs-light'
9
+ | 'text-s-light'
10
+ | 'text-s'
11
+ | 'text-m-light'
12
+ | 'text-m'
13
+ | 'text-l-light'
14
+ | 'text-l'
15
+ | 'text-xl-light'
16
+ | 'text-xl';
17
+
18
+ /**
19
+ * @title Размер текста
20
+ */
21
+ export type TitleSize =
22
+ | ''
23
+ | 'text-h6'
24
+ | 'text-h5'
25
+ | 'text-h5-light'
26
+ | 'text-h4'
27
+ | 'text-h3'
28
+ | 'text-h2'
29
+ | 'text-h1'
30
+ | 'text-h0'
31
+ | 'text-m-title'
32
+ | 'text-m-title-xs'
33
+ | 'title-extra'
34
+ | 'title-huge';
35
+
36
+ /**
37
+ * @title Цвет текста
38
+ */
39
+ export type TextColor =
40
+ | ''
41
+ | 'text-main'
42
+ | 'text-primary-text'
43
+ | 'text-primary-main'
44
+ | 'text-secondary-text'
45
+ | 'text-secondary-light'
46
+ | 'text-error'
47
+ | 'text-white'
48
+ | 'text-green';
49
+
50
+ /**
51
+ * @title Выравнивание
52
+ * @enumNames [
53
+ * "По умолчанию",
54
+ * "По левому краю",
55
+ * "По центру",
56
+ * "По правому краю"
57
+ * ]
58
+ */
59
+ export type TextAlign = '' | 'text-left' | 'text-center' | 'text-right';
60
+
61
+ /**
62
+ * @title Насыщенность шрифта
63
+ */
64
+ export type FontWeight = '' | 'font-light' | 'font-normal' | 'font-medium';
65
+
66
+ interface TextProps {
67
+ size?: TextSize | TitleSize;
68
+ color?: TextColor;
69
+ align?: TextAlign;
70
+ font?: FontWeight;
71
+ }
72
+
73
+ export const Text = JSX<TextProps>((props) => {
74
+ const { size = '', color = '', align = '', font = '', children } = props;
75
+
76
+ const textClasses = `font-sans ${size} ${color} ${align} ${font}`;
77
+
78
+ return <span className={textClasses}>{children}</span>;
79
+ });
@@ -1,5 +0,0 @@
1
- import type { DescriptionProps } from '../../model/HeadlineType';
2
- export interface DescriptionCommonProps extends DescriptionProps {
3
- className?: string;
4
- }
5
- export declare const Description: import("@redneckz/uni-jsx").UNIComponent<DescriptionCommonProps, any, any>;
@@ -1,5 +0,0 @@
1
- import type { DescriptionProps } from '../../model/HeadlineType';
2
- export interface DescriptionCommonProps extends DescriptionProps {
3
- className?: string;
4
- }
5
- export declare const Description: import("@redneckz/uni-jsx").UNIComponent<DescriptionCommonProps, any, any>;
@@ -1,9 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.Description = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- exports.Description = (0, uni_jsx_1.JSX)((props) => {
6
- const { className = '', description } = props;
7
- return (0, jsx_runtime_1.jsx)("div", { className: `${className}`, children: description });
8
- });
9
- //# sourceMappingURL=Description.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/Description.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAO3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAyB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,gCAAK,SAAS,EAAE,GAAG,SAAS,EAAE,YAAG,WAAW,GAAO,CAAC;AAC7D,CAAC,CAAC,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { DescriptionProps } from '../../model/HeadlineType';
2
- export interface DescriptionCommonProps extends DescriptionProps {
3
- className?: string;
4
- }
5
- export declare const Description: import("@redneckz/uni-jsx").UNIComponent<DescriptionCommonProps, any, any>;
@@ -1,7 +0,0 @@
1
- import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { JSX } from '@redneckz/uni-jsx';
3
- export const Description = JSX((props) => {
4
- const { className = '', description } = props;
5
- return _jsx("div", { className: `${className}`, children: description });
6
- });
7
- //# sourceMappingURL=Description.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/Description.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAOxC,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAyB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,cAAK,SAAS,EAAE,GAAG,SAAS,EAAE,YAAG,WAAW,GAAO,CAAC;AAC7D,CAAC,CAAC,CAAC"}
@@ -1,5 +0,0 @@
1
- import type { DescriptionProps } from '../../model/HeadlineType';
2
- export interface DescriptionCommonProps extends DescriptionProps {
3
- className?: string;
4
- }
5
- export declare const Description: import("@redneckz/uni-jsx").UNIComponent<DescriptionCommonProps, any, any>;
@@ -1,5 +0,0 @@
1
- import type { DescriptionProps } from '../../model/HeadlineType';
2
- export interface DescriptionCommonProps extends DescriptionProps {
3
- className?: string;
4
- }
5
- export declare const Description: import("@redneckz/uni-jsx").UNIComponent<DescriptionCommonProps, any, any>;
@@ -1,9 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.Description = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- exports.Description = (0, uni_jsx_1.JSX)((props) => {
6
- const { className = '', description } = props;
7
- return (0, jsx_runtime_1.jsx)("div", { className: `${className}`, children: description });
8
- });
9
- //# sourceMappingURL=Description.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/Description.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAO3B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAyB,CAAC,KAAK,EAAE,EAAE;IAC/D,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,gCAAK,SAAS,EAAE,GAAG,SAAS,EAAE,YAAG,WAAW,GAAO,CAAC;AAC7D,CAAC,CAAC,CAAC"}