@alfalab/core-components-pure-cell 6.0.3 → 6.0.4

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 (190) hide show
  1. package/component.d.ts +34 -36
  2. package/component.js.map +1 -1
  3. package/components/addon/component.d.ts +1 -1
  4. package/components/addon/index.css +12 -12
  5. package/components/addon/index.module.css.js +1 -1
  6. package/components/amount/component.d.ts +1 -1
  7. package/components/amount/component.js.map +1 -1
  8. package/components/amount/index.css +3 -3
  9. package/components/amount/index.module.css.js +1 -1
  10. package/components/amount/index.module.css.js.map +1 -1
  11. package/components/amount-title/component.d.ts +1 -1
  12. package/components/amount-title/component.js.map +1 -1
  13. package/components/amount-title/index.css +13 -13
  14. package/components/amount-title/index.module.css.js +1 -1
  15. package/components/amount-title/index.module.css.js.map +1 -1
  16. package/components/category/component.d.ts +1 -1
  17. package/components/category/index.css +4 -4
  18. package/components/category/index.module.css.js +1 -1
  19. package/components/category/index.module.css.js.map +1 -1
  20. package/components/content/component.d.ts +1 -1
  21. package/components/content/index.css +2 -2
  22. package/components/content/index.module.css.js +1 -1
  23. package/components/content/index.module.css.js.map +1 -1
  24. package/components/footer/component.d.ts +1 -1
  25. package/components/footer/index.css +3 -3
  26. package/components/footer/index.module.css.js +1 -1
  27. package/components/footer/index.module.css.js.map +1 -1
  28. package/components/footer-button/component.d.ts +3 -3
  29. package/components/footer-button/index.css +1 -1
  30. package/components/footer-button/index.module.css.js +1 -1
  31. package/components/footer-button/index.module.css.js.map +1 -1
  32. package/components/footer-text/component.d.ts +1 -1
  33. package/components/graphics/component.d.ts +1 -1
  34. package/components/graphics/index.css +19 -19
  35. package/components/graphics/index.module.css.js +1 -1
  36. package/components/main/component.d.ts +1 -1
  37. package/components/main/index.css +6 -6
  38. package/components/main/index.module.css.js +1 -1
  39. package/components/text/component.d.ts +1 -1
  40. package/components/text/index.css +6 -6
  41. package/components/text/index.module.css.js +1 -1
  42. package/components/text/index.module.css.js.map +1 -1
  43. package/components/types.d.ts +12 -12
  44. package/components/typesProps.d.ts +1 -1
  45. package/context.d.ts +1 -2
  46. package/cssm/component.d.ts +33 -35
  47. package/cssm/component.js.map +1 -1
  48. package/cssm/components/addon/component.d.ts +1 -1
  49. package/cssm/components/amount/component.d.ts +1 -1
  50. package/cssm/components/amount/component.js.map +1 -1
  51. package/cssm/components/amount-title/component.d.ts +1 -1
  52. package/cssm/components/amount-title/component.js.map +1 -1
  53. package/cssm/components/category/component.d.ts +1 -1
  54. package/cssm/components/content/component.d.ts +1 -1
  55. package/cssm/components/footer/component.d.ts +1 -1
  56. package/cssm/components/footer-button/component.d.ts +2 -2
  57. package/cssm/components/footer-text/component.d.ts +1 -1
  58. package/cssm/components/graphics/component.d.ts +1 -1
  59. package/cssm/components/main/component.d.ts +1 -1
  60. package/cssm/components/text/component.d.ts +1 -1
  61. package/cssm/components/types.d.ts +12 -12
  62. package/cssm/components/typesProps.d.ts +1 -1
  63. package/cssm/context.d.ts +1 -2
  64. package/esm/component.d.ts +33 -35
  65. package/esm/component.js.map +1 -1
  66. package/esm/components/addon/component.d.ts +1 -1
  67. package/esm/components/addon/index.css +12 -12
  68. package/esm/components/addon/index.module.css.js +1 -1
  69. package/esm/components/amount/component.d.ts +1 -1
  70. package/esm/components/amount/component.js.map +1 -1
  71. package/esm/components/amount/index.css +3 -3
  72. package/esm/components/amount/index.module.css.js +1 -1
  73. package/esm/components/amount/index.module.css.js.map +1 -1
  74. package/esm/components/amount-title/component.d.ts +1 -1
  75. package/esm/components/amount-title/component.js.map +1 -1
  76. package/esm/components/amount-title/index.css +13 -13
  77. package/esm/components/amount-title/index.module.css.js +1 -1
  78. package/esm/components/amount-title/index.module.css.js.map +1 -1
  79. package/esm/components/category/component.d.ts +1 -1
  80. package/esm/components/category/index.css +4 -4
  81. package/esm/components/category/index.module.css.js +1 -1
  82. package/esm/components/category/index.module.css.js.map +1 -1
  83. package/esm/components/content/component.d.ts +1 -1
  84. package/esm/components/content/index.css +2 -2
  85. package/esm/components/content/index.module.css.js +1 -1
  86. package/esm/components/content/index.module.css.js.map +1 -1
  87. package/esm/components/footer/component.d.ts +1 -1
  88. package/esm/components/footer/index.css +3 -3
  89. package/esm/components/footer/index.module.css.js +1 -1
  90. package/esm/components/footer/index.module.css.js.map +1 -1
  91. package/esm/components/footer-button/component.d.ts +2 -2
  92. package/esm/components/footer-button/index.css +1 -1
  93. package/esm/components/footer-button/index.module.css.js +1 -1
  94. package/esm/components/footer-button/index.module.css.js.map +1 -1
  95. package/esm/components/footer-text/component.d.ts +1 -1
  96. package/esm/components/graphics/component.d.ts +1 -1
  97. package/esm/components/graphics/index.css +19 -19
  98. package/esm/components/graphics/index.module.css.js +1 -1
  99. package/esm/components/main/component.d.ts +1 -1
  100. package/esm/components/main/index.css +6 -6
  101. package/esm/components/main/index.module.css.js +1 -1
  102. package/esm/components/text/component.d.ts +1 -1
  103. package/esm/components/text/index.css +6 -6
  104. package/esm/components/text/index.module.css.js +1 -1
  105. package/esm/components/text/index.module.css.js.map +1 -1
  106. package/esm/components/types.d.ts +12 -12
  107. package/esm/components/typesProps.d.ts +1 -1
  108. package/esm/context.d.ts +1 -2
  109. package/esm/index.css +28 -28
  110. package/esm/index.module.css.js +1 -1
  111. package/esm/index.module.css.js.map +1 -1
  112. package/index.css +28 -28
  113. package/index.module.css.js +1 -1
  114. package/index.module.css.js.map +1 -1
  115. package/modern/component.d.ts +33 -35
  116. package/modern/component.js.map +1 -1
  117. package/modern/components/addon/component.d.ts +1 -1
  118. package/modern/components/addon/index.css +12 -12
  119. package/modern/components/addon/index.module.css.js +1 -1
  120. package/modern/components/amount/component.d.ts +1 -1
  121. package/modern/components/amount/component.js.map +1 -1
  122. package/modern/components/amount/index.css +3 -3
  123. package/modern/components/amount/index.module.css.js +1 -1
  124. package/modern/components/amount/index.module.css.js.map +1 -1
  125. package/modern/components/amount-title/component.d.ts +1 -1
  126. package/modern/components/amount-title/component.js.map +1 -1
  127. package/modern/components/amount-title/index.css +13 -13
  128. package/modern/components/amount-title/index.module.css.js +1 -1
  129. package/modern/components/amount-title/index.module.css.js.map +1 -1
  130. package/modern/components/category/component.d.ts +1 -1
  131. package/modern/components/category/index.css +4 -4
  132. package/modern/components/category/index.module.css.js +1 -1
  133. package/modern/components/category/index.module.css.js.map +1 -1
  134. package/modern/components/content/component.d.ts +1 -1
  135. package/modern/components/content/index.css +2 -2
  136. package/modern/components/content/index.module.css.js +1 -1
  137. package/modern/components/content/index.module.css.js.map +1 -1
  138. package/modern/components/footer/component.d.ts +1 -1
  139. package/modern/components/footer/index.css +3 -3
  140. package/modern/components/footer/index.module.css.js +1 -1
  141. package/modern/components/footer/index.module.css.js.map +1 -1
  142. package/modern/components/footer-button/component.d.ts +2 -2
  143. package/modern/components/footer-button/index.css +1 -1
  144. package/modern/components/footer-button/index.module.css.js +1 -1
  145. package/modern/components/footer-button/index.module.css.js.map +1 -1
  146. package/modern/components/footer-text/component.d.ts +1 -1
  147. package/modern/components/graphics/component.d.ts +1 -1
  148. package/modern/components/graphics/index.css +19 -19
  149. package/modern/components/graphics/index.module.css.js +1 -1
  150. package/modern/components/main/component.d.ts +1 -1
  151. package/modern/components/main/index.css +6 -6
  152. package/modern/components/main/index.module.css.js +1 -1
  153. package/modern/components/text/component.d.ts +1 -1
  154. package/modern/components/text/index.css +6 -6
  155. package/modern/components/text/index.module.css.js +1 -1
  156. package/modern/components/text/index.module.css.js.map +1 -1
  157. package/modern/components/types.d.ts +12 -12
  158. package/modern/components/typesProps.d.ts +1 -1
  159. package/modern/context.d.ts +1 -2
  160. package/modern/index.css +28 -28
  161. package/modern/index.module.css.js +1 -1
  162. package/modern/index.module.css.js.map +1 -1
  163. package/moderncssm/component.d.ts +33 -35
  164. package/moderncssm/component.js.map +1 -1
  165. package/moderncssm/components/addon/component.d.ts +1 -1
  166. package/moderncssm/components/amount/component.d.ts +1 -1
  167. package/moderncssm/components/amount/component.js.map +1 -1
  168. package/moderncssm/components/amount-title/component.d.ts +1 -1
  169. package/moderncssm/components/amount-title/component.js.map +1 -1
  170. package/moderncssm/components/category/component.d.ts +1 -1
  171. package/moderncssm/components/content/component.d.ts +1 -1
  172. package/moderncssm/components/footer/component.d.ts +1 -1
  173. package/moderncssm/components/footer-button/component.d.ts +2 -2
  174. package/moderncssm/components/footer-text/component.d.ts +1 -1
  175. package/moderncssm/components/graphics/component.d.ts +1 -1
  176. package/moderncssm/components/main/component.d.ts +1 -1
  177. package/moderncssm/components/text/component.d.ts +1 -1
  178. package/moderncssm/components/types.d.ts +12 -12
  179. package/moderncssm/components/typesProps.d.ts +1 -1
  180. package/moderncssm/context.d.ts +1 -2
  181. package/package.json +7 -7
  182. package/src/components/amount/index.module.css +1 -1
  183. package/src/components/amount-title/index.module.css +1 -1
  184. package/src/components/category/index.module.css +1 -1
  185. package/src/components/content/index.module.css +1 -1
  186. package/src/components/footer/index.module.css +1 -1
  187. package/src/components/footer-button/index.module.css +1 -1
  188. package/src/components/text/index.module.css +1 -1
  189. package/src/index.module.css +1 -1
  190. package/src/vars.css +1 -1
package/component.d.ts CHANGED
@@ -13,7 +13,7 @@ import { Text } from './components/text';
13
13
  import { type PureCellElement } from './components/types';
14
14
  import { PureCellContext } from './context';
15
15
  export { PureCellContext };
16
- declare type BasePureCellProps = {
16
+ type BasePureCellProps = {
17
17
  /**
18
18
  * Направление
19
19
  */
@@ -56,10 +56,10 @@ declare type BasePureCellProps = {
56
56
  */
57
57
  dataTestId?: string;
58
58
  };
59
- declare type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
60
- declare type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
61
- declare type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
62
- export declare type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
59
+ type AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;
60
+ type ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;
61
+ type ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;
62
+ export type PureCellProps = Partial<AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps>;
63
63
  declare const PureCellComponent: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>>;
64
64
  declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
65
65
  /**
@@ -70,62 +70,60 @@ declare const ExtraSubtitle: React.FC<import("./components/footer-text").FooterT
70
70
  declare const PureCell: React.ForwardRefExoticComponent<PureCellProps & React.RefAttributes<HTMLElement>> & {
71
71
  Main: React.FC<{
72
72
  children: import("./components/types").MainElement;
73
- isReverse?: boolean | undefined;
74
- className?: string | undefined;
75
- dataTestId?: string | undefined;
76
- onClick?: (() => void) | undefined;
73
+ isReverse?: boolean;
74
+ className?: string;
75
+ dataTestId?: string;
76
+ onClick?: () => void;
77
77
  }>;
78
78
  Graphics: React.FC<import("./components/graphics").Props>;
79
79
  Content: React.FC<{
80
80
  children: import("./components/types").ContentElement;
81
- dataTestId?: string | undefined;
81
+ dataTestId?: string;
82
82
  }>;
83
83
  Text: React.FC<{
84
84
  children?: React.ReactNode;
85
- rowLimit?: 1 | 2 | undefined;
86
- view?: "component-primary" | "primary-small" | "primary-large" | "primary-medium" | "secondary-large" | "component-secondary" | undefined;
87
- titleWeight?: "bold" | "regular" | undefined;
88
- titleColor: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive";
85
+ rowLimit?: 1 | 2;
86
+ view?: "primary-large" | "primary-medium" | "primary-small" | "component-primary" | "component-secondary" | "secondary-large";
87
+ titleWeight?: "regular" | "bold";
88
+ titleColor: import("@alfalab/core-components-typography").Color;
89
89
  value?: React.ReactNode;
90
- valueColor?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
91
- dataTestId?: string | undefined; /**
92
- * Направление
93
- */
90
+ valueColor?: import("@alfalab/core-components-typography").Color;
91
+ dataTestId?: string;
94
92
  }>;
95
93
  Amount: React.FC<{
96
- weight?: "bold" | "normal" | undefined;
97
- textView?: "component-primary" | "primary-small" | undefined;
98
- color?: "tertiary" | "disabled" | "accent" | "primary" | "attention" | "positive" | "secondary" | "tertiary-inverted" | "primary-inverted" | "secondary-inverted" | "link" | "negative" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | "static-accent" | "static-positive" | undefined;
99
- hidden?: boolean | undefined;
100
- dataTestId?: string | undefined;
94
+ weight?: "bold" | "normal";
95
+ textView?: "component-primary" | "primary-small";
96
+ color?: import("@alfalab/core-components-typography").Color;
97
+ hidden?: boolean;
98
+ dataTestId?: string;
101
99
  } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
102
100
  AmountTitle: React.FC<{
103
- titleProps?: import("@alfalab/core-components-typography").TitleProps | undefined;
104
- hidden?: boolean | undefined;
105
- dataTestId?: string | undefined;
101
+ titleProps?: import("@alfalab/core-components-typography").TitleProps;
102
+ hidden?: boolean;
103
+ dataTestId?: string;
106
104
  } & Omit<import("./components/typesProps").AmountProps, "dataTestId">>;
107
105
  Addon: React.FC<{
108
- verticalAlign?: "center" | "top" | "bottom" | "auto" | undefined;
109
- addonPadding?: "default" | "none" | undefined;
106
+ verticalAlign?: "auto" | "top" | "center" | "bottom";
107
+ addonPadding?: "default" | "none";
110
108
  children: import("./components/types").AddonElement;
111
- dataTestId?: string | undefined;
112
- onClick?: (() => void) | undefined;
109
+ dataTestId?: string;
110
+ onClick?: () => void;
113
111
  }>;
114
112
  Footer: React.FC<{
115
113
  children: import("./components/types").FooterElement;
116
- footerPadding?: "default" | "none" | undefined;
117
- dataTestId?: string | undefined;
114
+ footerPadding?: "default" | "none";
115
+ dataTestId?: string;
118
116
  }>;
119
117
  ExtraSubtitle: React.FC<import("./components/footer-text").FooterTextProps>;
120
118
  FooterButton: React.ForwardRefExoticComponent<(Omit<import("@alfalab/core-components-button").ButtonProps, "dataTestId"> & {
121
- dataTestId?: string | undefined;
122
- } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
119
+ dataTestId?: string;
120
+ } & Partial<React.AnchorHTMLAttributes<HTMLAnchorElement> | React.ButtonHTMLAttributes<HTMLButtonElement>>) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
123
121
  Comment: React.FC<import("@alfalab/core-components-comment").CommentProps>;
124
122
  Category: React.FC<{
125
123
  categoryName: string;
126
- categoryPercent?: number | undefined;
124
+ categoryPercent?: number;
127
125
  rightAddons?: React.ReactNode;
128
- dataTestId?: string | undefined;
126
+ dataTestId?: string;
129
127
  }>;
130
128
  };
131
129
  export { PureCell, PureCellComponent, Main, Graphics, Content, Text, Amount, AmountTitle, Addon, Footer, ExtraSubtitle, FooterButton, Comment, Category, };
package/component.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["import React, {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n type ElementType,\n forwardRef,\n type HTMLAttributes,\n useRef,\n useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n /**\n * Направление\n */\n direction?: 'horizontal' | 'vertical';\n\n /**\n * Сss класс для стилизации общей обёртки\n */\n className?: string;\n\n /**\n * Выводит ссылку в виде ячейки\n */\n href?: string;\n\n /**\n * Вертикальные отступы\n */\n verticalPadding?:\n | 'airy'\n | 'default'\n | 'compact'\n | 'tiny'\n | 'none'\n | {\n /**\n * Вертикальный отступ сверху\n */\n top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n /**\n * Вертикальный отступ снизу\n */\n bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n };\n\n /**\n * Горизонтальные отступы\n */\n horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n /**\n * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n */\n tag?: ElementType;\n\n /**\n * Компоненты\n */\n children: PureCellElement;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n (\n {\n className,\n dataTestId,\n onClick,\n href,\n tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n children,\n horizontalPadding = 'none',\n verticalPadding = 'none',\n direction = 'horizontal',\n ...restProps\n },\n ref,\n ) => {\n const cellRef = useRef<HTMLDivElement>(null);\n const [focused] = useFocus(cellRef, 'keyboard');\n const [hoverState, setHoverState] = useState<boolean>(false);\n const [activeState, setActiveState] = useState<boolean>(false);\n\n const setHover = () => setHoverState(true);\n const unsetHover = () => setHoverState(false);\n const setActive = () => setActiveState(true);\n\n const unsetActive = () => setActiveState(false);\n\n const mouseEvents = {\n onMouseEnter: setHover,\n onMouseLeave: () => {\n unsetHover();\n // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n unsetActive();\n },\n onMouseDown: setActive,\n onMouseUp: unsetActive,\n };\n\n const addClasses = {\n [styles.component]: true,\n [styles.focused]: focused,\n [styles[direction]]: true,\n [styles[horizontalPadding]]: true,\n [styles.hover]: hoverState,\n [styles.active]: activeState,\n };\n\n // eslint-disable-next-line react/jsx-no-constructed-context-values\n const contextState: PureCellContextValue = {\n direction,\n dataTestId,\n setMainHover: setHover,\n unsetMainHover: unsetHover,\n };\n\n if (typeof verticalPadding === 'string') {\n addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n }\n\n if (typeof verticalPadding === 'object') {\n addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n }\n\n if (href) {\n const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n // Для совместимости с react-router-dom, меняем href на to\n const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n return (\n <Component\n rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...hrefProps}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.link, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n if (onClick) {\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.button, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={ref}\n tabIndex={0}\n className={cn(addClasses, className)}\n data-test-id={dataTestId}\n >\n <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n </Component>\n );\n },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n PureCell,\n PureCellComponent,\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n};\n"],"names":["forwardRef","__rest","useRef","useFocus","useState","styles","React","__assign","mergeRefs","cn","PureCellContext","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}
1
+ {"version":3,"file":"component.js","sources":["src/component.tsx"],"sourcesContent":["import React, {\n type AnchorHTMLAttributes,\n type ButtonHTMLAttributes,\n type ElementType,\n forwardRef,\n type HTMLAttributes,\n useRef,\n useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Comment } from '@alfalab/core-components-comment';\nimport { useFocus } from '@alfalab/hooks';\n\nimport { Addon } from './components/addon';\nimport { Amount } from './components/amount';\nimport { AmountTitle } from './components/amount-title';\nimport { Category } from './components/category';\nimport { Content } from './components/content';\nimport { Footer } from './components/footer';\nimport { FooterButton } from './components/footer-button';\nimport { FooterText } from './components/footer-text';\nimport { Graphics } from './components/graphics';\nimport { Main } from './components/main';\nimport { Text } from './components/text';\nimport { type PureCellElement } from './components/types';\nimport { PureCellContext, type PureCellContextValue } from './context';\n\nimport styles from './index.module.css';\n\nexport { PureCellContext };\n\ntype BasePureCellProps = {\n /**\n * Направление\n */\n direction?: 'horizontal' | 'vertical';\n\n /**\n * Сss класс для стилизации общей обёртки\n */\n className?: string;\n\n /**\n * Выводит ссылку в виде ячейки\n */\n href?: string;\n\n /**\n * Вертикальные отступы\n */\n verticalPadding?:\n | 'airy'\n | 'default'\n | 'compact'\n | 'tiny'\n | 'none'\n | {\n /**\n * Вертикальный отступ сверху\n */\n top?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n /**\n * Вертикальный отступ снизу\n */\n bottom?: 'airy' | 'default' | 'compact' | 'tiny' | 'none';\n };\n\n /**\n * Горизонтальные отступы\n */\n horizontalPadding?: 'left' | 'right' | 'both' | 'none';\n\n /**\n * Позволяет использовать кастомный компонент для кнопки (например Link из роутера)\n */\n tag?: ElementType;\n\n /**\n * Компоненты\n */\n children: PureCellElement;\n\n /**\n * Идентификатор для систем автоматизированного тестирования\n */\n dataTestId?: string;\n};\ntype AnchorPureCellProps = BasePureCellProps & AnchorHTMLAttributes<HTMLAnchorElement>;\ntype ButtonPureCellProps = BasePureCellProps & ButtonHTMLAttributes<HTMLButtonElement>;\ntype ElementPureCellProps = BasePureCellProps & HTMLAttributes<HTMLElement>;\nexport type PureCellProps = Partial<\n AnchorPureCellProps | ButtonPureCellProps | ElementPureCellProps\n>;\n\nconst PureCellComponent = forwardRef<HTMLElement, PureCellProps>(\n (\n {\n className,\n dataTestId,\n onClick,\n href,\n tag: Component = (href && 'a') || (onClick && 'button') || 'section',\n children,\n horizontalPadding = 'none',\n verticalPadding = 'none',\n direction = 'horizontal',\n ...restProps\n },\n ref,\n ) => {\n const cellRef = useRef<HTMLDivElement>(null);\n const [focused] = useFocus(cellRef, 'keyboard');\n const [hoverState, setHoverState] = useState<boolean>(false);\n const [activeState, setActiveState] = useState<boolean>(false);\n\n const setHover = () => setHoverState(true);\n const unsetHover = () => setHoverState(false);\n const setActive = () => setActiveState(true);\n\n const unsetActive = () => setActiveState(false);\n\n const mouseEvents = {\n onMouseEnter: setHover,\n onMouseLeave: () => {\n unsetHover();\n // Убираем на случай, если уводим курсор за пределы компонента при сработавшем onMouseDown\n unsetActive();\n },\n onMouseDown: setActive,\n onMouseUp: unsetActive,\n };\n\n const addClasses = {\n [styles.component]: true,\n [styles.focused]: focused,\n [styles[direction]]: true,\n [styles[horizontalPadding]]: true,\n [styles.hover]: hoverState,\n [styles.active]: activeState,\n };\n\n // eslint-disable-next-line react/jsx-no-constructed-context-values\n const contextState: PureCellContextValue = {\n direction,\n dataTestId,\n setMainHover: setHover,\n unsetMainHover: unsetHover,\n };\n\n if (typeof verticalPadding === 'string') {\n addClasses[styles[verticalPadding as string]] = typeof verticalPadding === 'string';\n }\n\n if (typeof verticalPadding === 'object') {\n addClasses[styles[`${verticalPadding.top}Top`]] = !!verticalPadding.top;\n addClasses[styles[`${verticalPadding.bottom}Bottom`]] = !!verticalPadding.bottom;\n }\n\n if (href) {\n const { target } = restProps as AnchorHTMLAttributes<HTMLAnchorElement>;\n\n // Для совместимости с react-router-dom, меняем href на to\n const hrefProps = { [typeof Component === 'string' ? 'href' : 'to']: href };\n\n return (\n <Component\n rel={target === '_blank' ? 'noreferrer noopener' : undefined}\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n {...hrefProps}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.link, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n if (onClick) {\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={mergeRefs([cellRef, ref])}\n className={cn(styles.button, addClasses, className)}\n data-test-id={dataTestId}\n onClick={onClick}\n {...mouseEvents}\n >\n <PureCellContext.Provider value={contextState}>\n {children}\n </PureCellContext.Provider>\n </Component>\n );\n }\n\n return (\n <Component\n {...(restProps as AnchorHTMLAttributes<HTMLAnchorElement>)}\n ref={ref}\n tabIndex={0}\n className={cn(addClasses, className)}\n data-test-id={dataTestId}\n >\n <PureCellContext.Provider value={contextState}>{children}</PureCellContext.Provider>\n </Component>\n );\n },\n);\n\nconst ExtraSubtitle = FooterText;\n\n/**\n * Универсальный конструктор для сборки любой ячейки.\n *\n * [Макет](https://www.figma.com/file/KlFOLLkKO8rtvvQE3RXuhq/Click-Library?node-id=43525%3A240018)\n */\nconst PureCell = Object.assign(PureCellComponent, {\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n});\n\nPureCellComponent.displayName = 'PureCellComponent';\n\nexport {\n PureCell,\n PureCellComponent,\n Main,\n Graphics,\n Content,\n Text,\n Amount,\n AmountTitle,\n Addon,\n Footer,\n ExtraSubtitle,\n FooterButton,\n Comment,\n Category,\n};\n"],"names":["forwardRef","__rest","useRef","useFocus","useState","styles","React","__assign","mergeRefs","cn","PureCellContext","FooterText","Main","Graphics","Content","Text","Amount","AmountTitle","Addon","Footer","FooterButton","Comment","Category"],"mappings":"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"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type AddonElement } from '../types';
3
- declare type Props = {
3
+ type Props = {
4
4
  /**
5
5
  * Вертикальное выравнивание
6
6
  */
@@ -10,36 +10,36 @@
10
10
  --pure-cell-clickable-area-hover-opacity: 1;
11
11
  --pure-cell-clickable-area-active-opacity: 1;
12
12
  }
13
- .pure-cell__component_vede6 {
13
+ .pure-cell__component_1e3rf {
14
14
  display: flex;
15
15
  flex-direction: column;
16
16
  align-items: flex-end;
17
17
  }
18
- .pure-cell__component_vede6 > * {
18
+ .pure-cell__component_1e3rf > * {
19
19
  justify-content: flex-end;
20
20
  }
21
- .pure-cell__component_vede6.pure-cell__none_vede6 {
21
+ .pure-cell__component_1e3rf.pure-cell__none_1e3rf {
22
22
  padding-left: var(--gap-0);
23
23
  }
24
- .pure-cell__component_vede6.pure-cell__default_vede6 {
24
+ .pure-cell__component_1e3rf.pure-cell__default_1e3rf {
25
25
  padding-left: var(--gap-16);
26
26
  }
27
- .pure-cell__component_vede6.pure-cell__addonPadding_vede6 {
27
+ .pure-cell__component_1e3rf.pure-cell__addonPadding_1e3rf {
28
28
  padding-left: var(--gap-16);
29
29
  }
30
- .pure-cell__component_vede6.pure-cell__auto_vede6 {
30
+ .pure-cell__component_1e3rf.pure-cell__auto_1e3rf {
31
31
  align-self: auto;
32
32
  }
33
- .pure-cell__component_vede6.pure-cell__top_vede6 {
33
+ .pure-cell__component_1e3rf.pure-cell__top_1e3rf {
34
34
  align-self: flex-start;
35
35
  }
36
- .pure-cell__component_vede6.pure-cell__center_vede6 {
36
+ .pure-cell__component_1e3rf.pure-cell__center_1e3rf {
37
37
  align-self: center;
38
38
  }
39
- .pure-cell__component_vede6.pure-cell__bottom_vede6 {
39
+ .pure-cell__component_1e3rf.pure-cell__bottom_1e3rf {
40
40
  align-self: flex-end;
41
41
  }
42
- .pure-cell__button_vede6 {
42
+ .pure-cell__button_1e3rf {
43
43
  -webkit-tap-highlight-color: transparent;
44
44
  box-sizing: border-box;
45
45
  background-color: transparent;
@@ -61,9 +61,9 @@
61
61
  padding: var(--gap-0);
62
62
  transition: opacity 0.15s ease-in-out;
63
63
  }
64
- .pure-cell__button_vede6:hover {
64
+ .pure-cell__button_1e3rf:hover {
65
65
  opacity: var(--pure-cell-clickable-area-hover-opacity);
66
66
  }
67
- .pure-cell__button_vede6:active {
67
+ .pure-cell__button_1e3rf:active {
68
68
  opacity: var(--pure-cell-clickable-area-active-opacity);
69
69
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_vede6","none":"pure-cell__none_vede6","default":"pure-cell__default_vede6","addonPadding":"pure-cell__addonPadding_vede6","auto":"pure-cell__auto_vede6","top":"pure-cell__top_vede6","center":"pure-cell__center_vede6","bottom":"pure-cell__bottom_vede6","button":"pure-cell__button_vede6"};
5
+ var styles = {"component":"pure-cell__component_1e3rf","none":"pure-cell__none_1e3rf","default":"pure-cell__default_1e3rf","addonPadding":"pure-cell__addonPadding_1e3rf","auto":"pure-cell__auto_1e3rf","top":"pure-cell__top_1e3rf","center":"pure-cell__center_1e3rf","bottom":"pure-cell__bottom_1e3rf","button":"pure-cell__button_1e3rf"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { type Color } from '@alfalab/core-components-typography';
3
3
  import { type AmountProps as AmountType } from '../typesProps';
4
- declare type Props = {
4
+ type Props = {
5
5
  /**
6
6
  * Начертание шрифта денежного значения
7
7
  */
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, TypographyText } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Начертание шрифта денежного значения\n */\n weight?: 'bold' | 'normal';\n\n /**\n * Размер денежного значения\n */\n textView?: 'component-primary' | 'primary-small';\n\n /**\n * Цвет денежного значения\n */\n color?: Color;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-text, для компонента Amount -amount\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n weight = 'normal',\n textView = 'component-primary',\n color = 'primary',\n minority,\n minorUnits = 100,\n hidden,\n dataTestId,\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n if (hidden) {\n return (\n <div className={styles.hiddenWrapper}>\n <div className={styles.hidden} />\n </div>\n );\n }\n\n return (\n <TypographyText\n view={textView}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n className={cn(styles.component)}\n color={color}\n >\n <CoreAmount\n minority={minority || minorUnits}\n bold={weight === 'bold' ? 'full' : 'none'}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n {...restProps}\n />\n </TypographyText>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","React","styles","TypographyText","getDataTestId","cn","CoreAmount","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAwCO,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;AARG,IAAA,IAAA,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,GAAA,EAAA,EACjB,EAA8B,GAAA,EAAA,CAAA,QAAA,EAA9B,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,mBAAmB,GAAA,EAAA,EAC9B,aAAiB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EACjB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EARwB,iFASvC,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAA;YAChCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;AAEb;AAED,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,uCAAc,EAAA,EACX,IAAI,EAAE,QAAQ,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAEC,mBAAE,CAACH,YAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAD,sBAAA,CAAA,aAAA,CAACK,2BAAU,EACPC,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAEH,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EACzE,SAAS,CACf,CAAA,CACW;AAEzB;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/amount/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type Color, TypographyText } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Начертание шрифта денежного значения\n */\n weight?: 'bold' | 'normal';\n\n /**\n * Размер денежного значения\n */\n textView?: 'component-primary' | 'primary-small';\n\n /**\n * Цвет денежного значения\n */\n color?: Color;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-text, для компонента Amount -amount\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const Amount: React.FC<Props> = ({\n weight = 'normal',\n textView = 'component-primary',\n color = 'primary',\n minority,\n minorUnits = 100,\n hidden,\n dataTestId,\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n if (hidden) {\n return (\n <div className={styles.hiddenWrapper}>\n <div className={styles.hidden} />\n </div>\n );\n }\n\n return (\n <TypographyText\n view={textView}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-text')}\n className={cn(styles.component)}\n color={color}\n >\n <CoreAmount\n minority={minority || minorUnits}\n bold={weight === 'bold' ? 'full' : 'none'}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount')}\n {...restProps}\n />\n </TypographyText>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","React","styles","TypographyText","getDataTestId","cn","CoreAmount","__assign"],"mappings":";;;;;;;;;;;;;;;;;;AAwCO,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;AARG,IAAA,IAAA,cAAiB,EAAjB,MAAM,mBAAG,QAAQ,GAAA,EAAA,EACjB,EAA8B,GAAA,EAAA,CAAA,QAAA,EAA9B,QAAQ,GAAA,EAAA,KAAA,MAAA,GAAG,mBAAmB,GAAA,EAAA,EAC9B,aAAiB,EAAjB,KAAK,mBAAG,SAAS,GAAA,EAAA,EACjB,QAAQ,cAAA,EACR,EAAA,GAAA,EAAA,CAAA,UAAgB,EAAhB,UAAU,GAAA,EAAA,KAAA,MAAA,GAAG,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,UAAU,GAAA,EAAA,CAAA,UAAA,EACP,SAAS,GAAAA,YAAA,CAAA,EAAA,EARwB,iFASvC,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;IAEnD,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,aAAa,EAAA;YAChCD,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,YAAM,CAAC,MAAM,EAAI,CAAA,CAC/B;;AAId,IAAA,QACID,sBAAA,CAAA,aAAA,CAACE,uCAAc,EAAA,EACX,IAAI,EAAE,QAAQ,EACd,UAAU,EAAEC,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,aAAa,CAAC,EAClF,SAAS,EAAEC,mBAAE,CAACH,YAAM,CAAC,SAAS,CAAC,EAC/B,KAAK,EAAE,KAAK,EAAA;AAEZ,QAAAD,sBAAA,CAAA,aAAA,CAACK,2BAAU,EACPC,cAAA,CAAA,EAAA,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,IAAI,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,EACzC,UAAU,EAAEH,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAA,EACzE,SAAS,CACf,CAAA,CACW;AAEzB;;;;"}
@@ -12,18 +12,18 @@
12
12
  --gap-2: var(--gap-3xs);
13
13
  --gap-8: var(--gap-xs);
14
14
  }
15
- .pure-cell__component_2pqx8 {
15
+ .pure-cell__component_dlu8b {
16
16
  padding: var(--gap-2) var(--gap-0);
17
17
  display: flex;
18
18
  }
19
- .pure-cell__hidden_2pqx8 {
19
+ .pure-cell__hidden_dlu8b {
20
20
  background: var(--color-light-neutral-translucent-400);
21
21
  border-radius: var(--border-radius-8);
22
22
  display: inline-block;
23
23
  height: 24px;
24
24
  width: 120px;
25
25
  }
26
- .pure-cell__hiddenWrapper_2pqx8 {
26
+ .pure-cell__hiddenWrapper_dlu8b {
27
27
  display: flex;
28
28
  padding: var(--gap-8) var(--gap-0);
29
29
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_2pqx8","hidden":"pure-cell__hidden_2pqx8","hiddenWrapper":"pure-cell__hiddenWrapper_2pqx8"};
5
+ var styles = {"component":"pure-cell__component_dlu8b","hidden":"pure-cell__hidden_dlu8b","hiddenWrapper":"pure-cell__hiddenWrapper_dlu8b"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n padding: var(--gap-2) var(--gap-0);\n display: flex;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n height: 24px;\n width: 120px;\n}\n\n.hiddenWrapper {\n display: flex;\n padding: var(--gap-8) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n padding: var(--gap-2) var(--gap-0);\n display: flex;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n height: 24px;\n width: 120px;\n}\n\n.hiddenWrapper {\n display: flex;\n padding: var(--gap-8) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC;;;;"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { type TitleProps } from '@alfalab/core-components-typography';
3
3
  import { type AmountProps as AmountType } from '../typesProps';
4
- declare type Props = {
4
+ type Props = {
5
5
  /**
6
6
  * Пропсы, которые будут прокинуты в компонент типографики
7
7
  */
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sources":["../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type TitleProps, TypographyTitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Пропсы, которые будут прокинуты в компонент типографики\n */\n titleProps?: TitleProps;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n minority,\n minorUnits = 100,\n hidden,\n className,\n dataTestId,\n titleProps: titlePropsFromProps,\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n const titleProps = {\n tag: 'h4',\n view: 'small',\n ...titlePropsFromProps,\n } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n if (hidden) {\n return (\n <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n </div>\n );\n }\n\n return (\n <TypographyTitleResponsive\n {...titleProps}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n className={cn(styles.component, titlePropsFromProps?.className)}\n >\n <CoreAmount\n minority={minority || minorUnits}\n className={className}\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'core-amount-title',\n )}\n {...restProps}\n bold='none'\n />\n </TypographyTitleResponsive>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","__assign","React","cn","styles","TypographyTitleResponsive","getDataTestId","CoreAmount"],"mappings":";;;;;;;;;;;;;;;;;;AA8BO,IAAM,WAAW,GAAoB,UAAC,EAQ5C,EAAA;IAPG,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,UAAA,EAAhB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACE,mBAAmB,GAAA,EAAA,CAAA,UAAA,EAC5B,SAAS,GAP6BA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAQ5C,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,UAAU,GAAGC,cACf,CAAA,EAAA,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,OAAO,EACV,EAAA,mBAAmB,CACuB;AAEjD,IAAA,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,aAAa,EAAEA,YAAM,CAAC,gBAAiB,CAAA,MAAA,CAAA,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAA;YAChFF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEA,YAAM,CAAC,iBAAU,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAI,CAAA,CACxE;AAEb;AAED,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACG,kDAAyB,EAAAJ,cAAA,CAAA,EAAA,EAClB,UAAU,EACd,EAAA,UAAU,EAAEK,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,KAAA,MAAA,GAAA,MAAA,GAAnB,mBAAmB,CAAE,SAAS,CAAC,EAAA,CAAA;AAE/D,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAU,EAAAN,cAAA,CAAA,EACP,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAEK,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EAAA,EACG,SAAS,EAAA,EACb,IAAI,EAAC,MAAM,EACb,CAAA,CAAA,CACsB;AAEpC;;;;"}
1
+ {"version":3,"file":"component.js","sources":["../../src/components/amount-title/component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport cn from 'classnames';\n\nimport { Amount as CoreAmount } from '@alfalab/core-components-amount';\nimport { getDataTestId } from '@alfalab/core-components-shared';\nimport { type TitleProps, TypographyTitleResponsive } from '@alfalab/core-components-typography';\n\nimport { PureCellContext } from '../../context';\nimport { type AmountProps as AmountType } from '../typesProps';\n\nimport styles from './index.module.css';\n\ntype Props = {\n /**\n * Пропсы, которые будут прокинуты в компонент типографики\n */\n titleProps?: TitleProps;\n\n /**\n * Скрыть денежное значение\n */\n hidden?: boolean;\n\n /**\n * Идентификатор для систем автоматизированного тестирования.\n * Для typography используется модификатор -amount-title, для компонента Amount -core-amount-title\n */\n dataTestId?: string;\n} & Omit<AmountType, 'dataTestId'>;\n\nexport const AmountTitle: React.FC<Props> = ({\n minority,\n minorUnits = 100,\n hidden,\n className,\n dataTestId,\n titleProps: titlePropsFromProps,\n ...restProps\n}) => {\n const pureCellContext = useContext(PureCellContext);\n\n const titleProps = {\n tag: 'h4',\n view: 'small',\n ...titlePropsFromProps,\n } as Omit<TitleProps, 'className' | 'dataTestId'>;\n\n if (hidden) {\n return (\n <div className={cn(styles.hiddenWrapper, styles[`hiddenWrapper-${titleProps.view}`])}>\n <div className={cn(styles.hidden, styles[`hidden-${titleProps.view}`])} />\n </div>\n );\n }\n\n return (\n <TypographyTitleResponsive\n {...titleProps}\n dataTestId={getDataTestId(dataTestId || pureCellContext.dataTestId, 'amount-title')}\n className={cn(styles.component, titlePropsFromProps?.className)}\n >\n <CoreAmount\n minority={minority || minorUnits}\n className={className}\n dataTestId={getDataTestId(\n dataTestId || pureCellContext.dataTestId,\n 'core-amount-title',\n )}\n {...restProps}\n bold='none'\n />\n </TypographyTitleResponsive>\n );\n};\n"],"names":["__rest","useContext","PureCellContext","__assign","React","cn","styles","TypographyTitleResponsive","getDataTestId","CoreAmount"],"mappings":";;;;;;;;;;;;;;;;;;AA8BO,IAAM,WAAW,GAAoB,UAAC,EAQ5C,EAAA;IAPG,IAAA,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAgB,GAAA,EAAA,CAAA,UAAA,EAAhB,UAAU,GAAG,EAAA,KAAA,MAAA,GAAA,GAAG,GAAA,EAAA,EAChB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACE,mBAAmB,GAAA,EAAA,CAAA,UAAA,EAC5B,SAAS,GAP6BA,YAAA,CAAA,EAAA,EAAA,CAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAQ5C,CADe;AAEZ,IAAA,IAAM,eAAe,GAAGC,gBAAU,CAACC,uBAAe,CAAC;AAEnD,IAAA,IAAM,UAAU,GAAGC,cACf,CAAA,EAAA,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,OAAO,EACV,EAAA,mBAAmB,CACuB;IAEjD,IAAI,MAAM,EAAE;AACR,QAAA,QACIC,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,aAAa,EAAEA,YAAM,CAAC,gBAAiB,CAAA,MAAA,CAAA,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAA;YAChFF,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAEA,YAAM,CAAC,iBAAU,UAAU,CAAC,IAAI,CAAE,CAAC,CAAC,EAAI,CAAA,CACxE;;AAId,IAAA,QACIF,sBAAA,CAAA,aAAA,CAACG,kDAAyB,EAAAJ,cAAA,CAAA,EAAA,EAClB,UAAU,EACd,EAAA,UAAU,EAAEK,kCAAa,CAAC,UAAU,IAAI,eAAe,CAAC,UAAU,EAAE,cAAc,CAAC,EACnF,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,mBAAmB,aAAnB,mBAAmB,KAAA,MAAA,GAAA,MAAA,GAAnB,mBAAmB,CAAE,SAAS,CAAC,EAAA,CAAA;AAE/D,QAAAF,sBAAA,CAAA,aAAA,CAACK,2BAAU,EAAAN,cAAA,CAAA,EACP,QAAQ,EAAE,QAAQ,IAAI,UAAU,EAChC,SAAS,EAAE,SAAS,EACpB,UAAU,EAAEK,kCAAa,CACrB,UAAU,IAAI,eAAe,CAAC,UAAU,EACxC,mBAAmB,CACtB,EAAA,EACG,SAAS,EAAA,EACb,IAAI,EAAC,MAAM,EACb,CAAA,CAAA,CACsB;AAEpC;;;;"}
@@ -16,49 +16,49 @@
16
16
  --gap-12: var(--gap-s);
17
17
  --gap-16: var(--gap-m);
18
18
  }
19
- .pure-cell__component_9i71n {
19
+ .pure-cell__component_1qvvh {
20
20
  display: flex;
21
21
  }
22
- .pure-cell__hidden_9i71n {
22
+ .pure-cell__hidden_1qvvh {
23
23
  background: var(--color-light-neutral-translucent-400);
24
24
  border-radius: var(--border-radius-8);
25
25
  display: inline-block;
26
26
  }
27
- .pure-cell__hidden-xsmall_9i71n {
27
+ .pure-cell__hidden-xsmall_1qvvh {
28
28
  height: 16px;
29
29
  width: 88px;
30
30
  }
31
- .pure-cell__hidden-small_9i71n {
31
+ .pure-cell__hidden-small_1qvvh {
32
32
  height: 18px;
33
33
  width: 100px;
34
34
  }
35
- .pure-cell__hidden-medium_9i71n {
35
+ .pure-cell__hidden-medium_1qvvh {
36
36
  height: 24px;
37
37
  width: 120px;
38
38
  }
39
- .pure-cell__hidden-large_9i71n {
39
+ .pure-cell__hidden-large_1qvvh {
40
40
  height: 28px;
41
41
  width: 136px;
42
42
  }
43
- .pure-cell__hidden-xlarge_9i71n {
43
+ .pure-cell__hidden-xlarge_1qvvh {
44
44
  height: 32px;
45
45
  width: 156px;
46
46
  }
47
- .pure-cell__hiddenWrapper_9i71n {
47
+ .pure-cell__hiddenWrapper_1qvvh {
48
48
  display: flex;
49
49
  }
50
- .pure-cell__hiddenWrapper-xsmall_9i71n {
50
+ .pure-cell__hiddenWrapper-xsmall_1qvvh {
51
51
  padding: var(--gap-4) var(--gap-0);
52
52
  }
53
- .pure-cell__hiddenWrapper-small_9i71n {
53
+ .pure-cell__hiddenWrapper-small_1qvvh {
54
54
  padding: var(--gap-8) var(--gap-0);
55
55
  }
56
- .pure-cell__hiddenWrapper-medium_9i71n {
56
+ .pure-cell__hiddenWrapper-medium_1qvvh {
57
57
  padding: var(--gap-8) var(--gap-0);
58
58
  }
59
- .pure-cell__hiddenWrapper-large_9i71n {
59
+ .pure-cell__hiddenWrapper-large_1qvvh {
60
60
  padding: var(--gap-12) var(--gap-0);
61
61
  }
62
- .pure-cell__hiddenWrapper-xlarge_9i71n {
62
+ .pure-cell__hiddenWrapper-xlarge_1qvvh {
63
63
  padding: var(--gap-16) var(--gap-0);
64
64
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_9i71n","hidden":"pure-cell__hidden_9i71n","hidden-xsmall":"pure-cell__hidden-xsmall_9i71n","hidden-small":"pure-cell__hidden-small_9i71n","hidden-medium":"pure-cell__hidden-medium_9i71n","hidden-large":"pure-cell__hidden-large_9i71n","hidden-xlarge":"pure-cell__hidden-xlarge_9i71n","hiddenWrapper":"pure-cell__hiddenWrapper_9i71n","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_9i71n","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_9i71n","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_9i71n","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_9i71n","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_9i71n"};
5
+ var styles = {"component":"pure-cell__component_1qvvh","hidden":"pure-cell__hidden_1qvvh","hidden-xsmall":"pure-cell__hidden-xsmall_1qvvh","hidden-small":"pure-cell__hidden-small_1qvvh","hidden-medium":"pure-cell__hidden-medium_1qvvh","hidden-large":"pure-cell__hidden-large_1qvvh","hidden-xlarge":"pure-cell__hidden-xlarge_1qvvh","hiddenWrapper":"pure-cell__hiddenWrapper_1qvvh","hiddenWrapper-xsmall":"pure-cell__hiddenWrapper-xsmall_1qvvh","hiddenWrapper-small":"pure-cell__hiddenWrapper-small_1qvvh","hiddenWrapper-medium":"pure-cell__hiddenWrapper-medium_1qvvh","hiddenWrapper-large":"pure-cell__hiddenWrapper-large_1qvvh","hiddenWrapper-xlarge":"pure-cell__hiddenWrapper-xlarge_1qvvh"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount-title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n display: flex;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n}\n\n.hidden-xsmall {\n height: 16px;\n width: 88px;\n}\n.hidden-small {\n height: 18px;\n width: 100px;\n}\n.hidden-medium {\n height: 24px;\n width: 120px;\n}\n.hidden-large {\n height: 28px;\n width: 136px;\n}\n.hidden-xlarge {\n height: 32px;\n width: 156px;\n}\n.hiddenWrapper {\n display: flex;\n}\n.hiddenWrapper-xsmall {\n padding: var(--gap-4) var(--gap-0);\n}\n.hiddenWrapper-small {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-medium {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-large {\n padding: var(--gap-12) var(--gap-0);\n}\n.hiddenWrapper-xlarge {\n padding: var(--gap-16) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/amount-title/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n}\n\n.hidden {\n background: var(--color-light-neutral-translucent-400);\n border-radius: var(--border-radius-8);\n display: inline-block;\n}\n\n.hidden-xsmall {\n height: 16px;\n width: 88px;\n}\n.hidden-small {\n height: 18px;\n width: 100px;\n}\n.hidden-medium {\n height: 24px;\n width: 120px;\n}\n.hidden-large {\n height: 28px;\n width: 136px;\n}\n.hidden-xlarge {\n height: 32px;\n width: 156px;\n}\n.hiddenWrapper {\n display: flex;\n}\n.hiddenWrapper-xsmall {\n padding: var(--gap-4) var(--gap-0);\n}\n.hiddenWrapper-small {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-medium {\n padding: var(--gap-8) var(--gap-0);\n}\n.hiddenWrapper-large {\n padding: var(--gap-12) var(--gap-0);\n}\n.hiddenWrapper-xlarge {\n padding: var(--gap-16) var(--gap-0);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,QAAQ,CAAC,yBAAyB,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,cAAc,CAAC,+BAA+B,CAAC,eAAe,CAAC,gCAAgC,CAAC,eAAe,CAAC,gCAAgC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC,qBAAqB,CAAC,sCAAsC,CAAC,sBAAsB,CAAC,uCAAuC,CAAC;;;;"}
@@ -1,5 +1,5 @@
1
1
  import React, { type ReactNode } from 'react';
2
- declare type Props = {
2
+ type Props = {
3
3
  /**
4
4
  * Наименование категории
5
5
  */
@@ -14,24 +14,24 @@
14
14
  --gap-4: var(--gap-2xs);
15
15
  --gap-8: var(--gap-xs);
16
16
  }
17
- .pure-cell__component_9frl7 {
17
+ .pure-cell__component_1479x {
18
18
  display: flex;
19
19
  overflow: hidden;
20
20
  padding: var(--gap-2) var(--gap-0);
21
21
  }
22
- .pure-cell__categoryName_9frl7 {
22
+ .pure-cell__categoryName_1479x {
23
23
  display: -webkit-box;
24
24
  -webkit-line-clamp: 1;
25
25
  -webkit-box-orient: vertical;
26
26
  overflow: hidden;
27
27
  word-break: break-all;
28
28
  }
29
- .pure-cell__categoryPercent_9frl7 {
29
+ .pure-cell__categoryPercent_1479x {
30
30
  padding: var(--gap-0) var(--gap-8);
31
31
  background-color: var(--color-light-base-bg-secondary);
32
32
  border-radius: var(--border-radius-16);
33
33
  margin-left: var(--gap-4);
34
34
  }
35
- .pure-cell__rightAddon_9frl7 {
35
+ .pure-cell__rightAddon_1479x {
36
36
  margin-left: var(--gap-4);
37
37
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_9frl7","categoryName":"pure-cell__categoryName_9frl7","categoryPercent":"pure-cell__categoryPercent_9frl7","rightAddon":"pure-cell__rightAddon_9frl7"};
5
+ var styles = {"component":"pure-cell__component_1479x","categoryName":"pure-cell__categoryName_1479x","categoryPercent":"pure-cell__categoryPercent_1479x","rightAddon":"pure-cell__rightAddon_1479x"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/category/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n display: flex;\n overflow: hidden;\n padding: var(--gap-2) var(--gap-0);\n}\n\n.categoryName {\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-all;\n}\n\n.categoryPercent {\n padding: var(--gap-0) var(--gap-8);\n background-color: var(--color-light-base-bg-secondary);\n border-radius: var(--border-radius-16);\n margin-left: var(--gap-4);\n}\n\n.rightAddon {\n margin-left: var(--gap-4);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,cAAc,CAAC,+BAA+B,CAAC,iBAAiB,CAAC,kCAAkC,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/category/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n display: flex;\n overflow: hidden;\n padding: var(--gap-2) var(--gap-0);\n}\n\n.categoryName {\n display: -webkit-box;\n -webkit-line-clamp: 1;\n -webkit-box-orient: vertical;\n overflow: hidden;\n word-break: break-all;\n}\n\n.categoryPercent {\n padding: var(--gap-0) var(--gap-8);\n background-color: var(--color-light-base-bg-secondary);\n border-radius: var(--border-radius-16);\n margin-left: var(--gap-4);\n}\n\n.rightAddon {\n margin-left: var(--gap-4);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,cAAc,CAAC,+BAA+B,CAAC,iBAAiB,CAAC,kCAAkC,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type ContentElement } from '../types';
3
- declare type Props = {
3
+ type Props = {
4
4
  /**
5
5
  * Компоненты
6
6
  */
@@ -1,8 +1,8 @@
1
- .pure-cell__component_9x282 {
1
+ .pure-cell__component_1m1hp {
2
2
  flex-basis: 100%;
3
3
  display: grid;
4
4
  grid-template-columns: 1fr auto;
5
5
  }
6
- .pure-cell__component_9x282.pure-cell__horizontal_9x282 {
6
+ .pure-cell__component_1m1hp.pure-cell__horizontal_1m1hp {
7
7
  align-self: stretch;
8
8
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_9x282","horizontal":"pure-cell__horizontal_9x282"};
5
+ var styles = {"component":"pure-cell__component_1m1hp","horizontal":"pure-cell__horizontal_1m1hp"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n flex-basis: 100%;\n display: grid;\n grid-template-columns: 1fr auto;\n\n &.horizontal {\n /* for button */\n align-self: stretch;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/content/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n flex-basis: 100%;\n display: grid;\n grid-template-columns: 1fr auto;\n\n &.horizontal {\n /* for button */\n align-self: stretch;\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,YAAY,CAAC,6BAA6B,CAAC;;;;"}
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { type FooterElement } from '../types';
3
- declare type Props = {
3
+ type Props = {
4
4
  /**
5
5
  * Компоненты
6
6
  */
@@ -3,14 +3,14 @@
3
3
  --gap-0: 0px;
4
4
  --gap-8: var(--gap-xs);
5
5
  }
6
- .pure-cell__component_1jgaa {
6
+ .pure-cell__component_hxfnw {
7
7
  grid-column: 1/3;
8
8
  display: grid;
9
9
  grid-row-gap: var(--gap-8);
10
10
  }
11
- .pure-cell__component_1jgaa.pure-cell__none_1jgaa {
11
+ .pure-cell__component_hxfnw.pure-cell__none_hxfnw {
12
12
  margin-top: var(--gap-0);
13
13
  }
14
- .pure-cell__component_1jgaa.pure-cell__default_1jgaa {
14
+ .pure-cell__component_hxfnw.pure-cell__default_hxfnw {
15
15
  margin-top: var(--gap-8);
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"pure-cell__component_1jgaa","none":"pure-cell__none_1jgaa","default":"pure-cell__default_1jgaa"};
5
+ var styles = {"component":"pure-cell__component_hxfnw","none":"pure-cell__none_hxfnw","default":"pure-cell__default_hxfnw"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component {\n grid-column: 1/3;\n display: grid;\n grid-row-gap: var(--gap-8);\n\n &.none {\n margin-top: var(--gap-0);\n }\n\n &.default {\n margin-top: var(--gap-8);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n grid-column: 1/3;\n display: grid;\n grid-row-gap: var(--gap-8);\n\n &.none {\n margin-top: var(--gap-0);\n }\n\n &.default {\n margin-top: var(--gap-8);\n }\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,4BAA4B,CAAC,MAAM,CAAC,uBAAuB,CAAC,SAAS,CAAC,0BAA0B,CAAC;;;;"}
@@ -1,12 +1,12 @@
1
1
  import React, { type AnchorHTMLAttributes, type ButtonHTMLAttributes } from 'react';
2
2
  import { type ButtonProps } from '@alfalab/core-components-button';
3
- declare type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
3
+ type ComponentProps = Omit<ButtonProps, 'dataTestId'> & {
4
4
  /**
5
5
  * Идентификатор для систем автоматизированного тестирования.
6
6
  * Используется модификатор -button
7
7
  */
8
8
  dataTestId?: string;
9
9
  };
10
- declare type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
11
- export declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
10
+ type FooterButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
11
+ export declare const FooterButton: React.ForwardRefExoticComponent<FooterButtonProps & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
12
12
  export {};