@alfalab/core-components-typography 4.13.0 → 4.13.1-snapshot-1393ffa
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors.css +22 -44
- package/colors.js +1 -0
- package/colors.js.map +1 -0
- package/colors.module.css.js +8 -0
- package/colors.module.css.js.map +1 -0
- package/component.js +13 -12
- package/component.js.map +1 -0
- package/cssm/colors.js +1 -0
- package/cssm/colors.js.map +1 -0
- package/cssm/colors.module.css +3 -24
- package/cssm/component.js +13 -12
- package/cssm/component.js.map +1 -0
- package/cssm/hooks/index.js +3 -2
- package/cssm/hooks/index.js.map +1 -0
- package/cssm/hooks/use-skeleton.js +3 -2
- package/cssm/hooks/use-skeleton.js.map +1 -0
- package/cssm/hooks/use-skeleton.module.css +3 -23
- package/cssm/index.js +9 -8
- package/cssm/index.js.map +1 -0
- package/cssm/presets.js +1 -0
- package/cssm/presets.js.map +1 -0
- package/cssm/src/colors.d.ts +2 -0
- package/cssm/src/component.d.ts +13 -0
- package/cssm/src/hooks/index.d.ts +1 -0
- package/cssm/src/hooks/use-skeleton.d.ts +11 -0
- package/cssm/src/index.d.ts +5 -0
- package/{esm → cssm/src}/presets.d.ts +1 -2
- package/{modern → cssm/src}/text/component.d.ts +9 -11
- package/cssm/src/text/index.d.ts +1 -0
- package/{modern → cssm/src}/title/component.d.ts +9 -11
- package/{modern → cssm/src}/title/index.d.ts +1 -2
- package/cssm/src/title/utils.d.ts +1 -0
- package/{modern → cssm/src}/title-mobile/component.d.ts +1 -3
- package/cssm/src/title-mobile/index.d.ts +2 -0
- package/cssm/{title-responsive → src/title-responsive}/component.d.ts +3 -5
- package/cssm/src/title-responsive/index.d.ts +1 -0
- package/cssm/{types.d.ts → src/types.d.ts} +4 -4
- package/cssm/text/alfasans-index.module.css +18 -25
- package/cssm/text/component.js +3 -2
- package/cssm/text/component.js.map +1 -0
- package/cssm/text/index.js +3 -2
- package/cssm/text/index.js.map +1 -0
- package/cssm/text/index.module.css +3 -24
- package/cssm/title/alfasans-index.module.css +12 -23
- package/cssm/title/common.module.css +2 -23
- package/cssm/title/component.js +7 -6
- package/cssm/title/component.js.map +1 -0
- package/cssm/title/index.js +3 -2
- package/cssm/title/index.js.map +1 -0
- package/cssm/title/index.module.css +6 -26
- package/cssm/title/utils.js +1 -0
- package/cssm/title/utils.js.map +1 -0
- package/cssm/title-mobile/alfasans-index.module.css +2 -23
- package/cssm/title-mobile/component.js +3 -2
- package/cssm/title-mobile/component.js.map +1 -0
- package/cssm/title-mobile/index.js +3 -2
- package/cssm/title-mobile/index.js.map +1 -0
- package/cssm/title-mobile/index.module.css +5 -25
- package/cssm/title-responsive/component.js +6 -5
- package/cssm/title-responsive/component.js.map +1 -0
- package/cssm/title-responsive/index.js +3 -2
- package/cssm/title-responsive/index.js.map +1 -0
- package/cssm/types.js +1 -0
- package/cssm/types.js.map +1 -0
- package/esm/colors.css +22 -44
- package/esm/colors.js +1 -0
- package/esm/colors.js.map +1 -0
- package/esm/colors.module.css.js +6 -0
- package/esm/colors.module.css.js.map +1 -0
- package/esm/component.js +1 -0
- package/esm/component.js.map +1 -0
- package/esm/hooks/index.js +1 -0
- package/esm/hooks/index.js.map +1 -0
- package/esm/hooks/use-skeleton.css +6 -27
- package/esm/hooks/use-skeleton.js +2 -3
- package/esm/hooks/use-skeleton.js.map +1 -0
- package/esm/hooks/use-skeleton.module.css.js +6 -0
- package/esm/hooks/use-skeleton.module.css.js.map +1 -0
- package/esm/index.js +1 -0
- package/esm/index.js.map +1 -0
- package/esm/presets.js +1 -0
- package/esm/presets.js.map +1 -0
- package/esm/src/colors.d.ts +2 -0
- package/esm/src/component.d.ts +13 -0
- package/esm/src/hooks/index.d.ts +1 -0
- package/esm/src/hooks/use-skeleton.d.ts +11 -0
- package/esm/src/index.d.ts +5 -0
- package/{modern → esm/src}/presets.d.ts +1 -2
- package/{cssm → esm/src}/text/component.d.ts +9 -11
- package/esm/src/text/index.d.ts +1 -0
- package/{moderncssm → esm/src}/title/component.d.ts +9 -11
- package/esm/{title → src/title}/index.d.ts +1 -2
- package/esm/src/title/utils.d.ts +1 -0
- package/esm/{title-mobile → src/title-mobile}/component.d.ts +1 -3
- package/esm/src/title-mobile/index.d.ts +2 -0
- package/esm/{title-responsive → src/title-responsive}/component.d.ts +3 -5
- package/esm/src/title-responsive/index.d.ts +1 -0
- package/{modern → esm/src}/types.d.ts +4 -4
- package/esm/text/alfasans-index.css +30 -54
- package/esm/text/alfasans-index.module.css.js +6 -0
- package/esm/text/alfasans-index.module.css.js.map +1 -0
- package/esm/text/component.js +4 -7
- package/esm/text/component.js.map +1 -0
- package/esm/text/index.css +24 -45
- package/esm/text/index.js +1 -0
- package/esm/text/index.js.map +1 -0
- package/esm/text/index.module.css.js +6 -0
- package/esm/text/index.module.css.js.map +1 -0
- package/esm/title/alfasans-index.css +11 -33
- package/esm/title/alfasans-index.module.css.js +6 -0
- package/esm/title/alfasans-index.module.css.js.map +1 -0
- package/esm/title/common.css +9 -31
- package/esm/title/common.module.css.js +6 -0
- package/esm/title/common.module.css.js.map +1 -0
- package/esm/title/component.js +2 -1
- package/esm/title/component.js.map +1 -0
- package/esm/title/index.css +21 -42
- package/esm/title/index.js +4 -7
- package/esm/title/index.js.map +1 -0
- package/esm/title/index.module.css.js +6 -0
- package/esm/title/index.module.css.js.map +1 -0
- package/esm/title/utils.js +1 -0
- package/esm/title/utils.js.map +1 -0
- package/esm/title-mobile/alfasans-index.css +11 -33
- package/esm/title-mobile/alfasans-index.module.css.js +6 -0
- package/esm/title-mobile/alfasans-index.module.css.js.map +1 -0
- package/esm/title-mobile/component.js +4 -7
- package/esm/title-mobile/component.js.map +1 -0
- package/esm/title-mobile/index.css +19 -40
- package/esm/title-mobile/index.js +1 -0
- package/esm/title-mobile/index.js.map +1 -0
- package/esm/title-mobile/index.module.css.js +6 -0
- package/esm/title-mobile/index.module.css.js.map +1 -0
- package/esm/title-responsive/component.js +1 -0
- package/esm/title-responsive/component.js.map +1 -0
- package/esm/title-responsive/index.js +1 -0
- package/esm/title-responsive/index.js.map +1 -0
- package/esm/types.js +1 -0
- package/esm/types.js.map +1 -0
- package/hooks/index.js +3 -2
- package/hooks/index.js.map +1 -0
- package/hooks/use-skeleton.css +6 -27
- package/hooks/use-skeleton.js +4 -5
- package/hooks/use-skeleton.js.map +1 -0
- package/hooks/use-skeleton.module.css.js +8 -0
- package/hooks/use-skeleton.module.css.js.map +1 -0
- package/index.js +9 -8
- package/index.js.map +1 -0
- package/modern/colors.css +22 -44
- package/modern/colors.js +1 -0
- package/modern/colors.js.map +1 -0
- package/modern/colors.module.css.js +6 -0
- package/modern/colors.module.css.js.map +1 -0
- package/modern/component.js +1 -0
- package/modern/component.js.map +1 -0
- package/modern/hooks/index.js +1 -0
- package/modern/hooks/index.js.map +1 -0
- package/modern/hooks/use-skeleton.css +6 -27
- package/modern/hooks/use-skeleton.js +2 -3
- package/modern/hooks/use-skeleton.js.map +1 -0
- package/modern/hooks/use-skeleton.module.css.js +6 -0
- package/modern/hooks/use-skeleton.module.css.js.map +1 -0
- package/modern/index.js +1 -0
- package/modern/index.js.map +1 -0
- package/modern/presets.js +1 -0
- package/modern/presets.js.map +1 -0
- package/modern/src/colors.d.ts +2 -0
- package/modern/src/component.d.ts +13 -0
- package/modern/src/hooks/index.d.ts +1 -0
- package/modern/src/hooks/use-skeleton.d.ts +11 -0
- package/modern/src/index.d.ts +5 -0
- package/{cssm → modern/src}/presets.d.ts +1 -2
- package/{esm → modern/src}/text/component.d.ts +9 -11
- package/modern/src/text/index.d.ts +1 -0
- package/{cssm → modern/src}/title/component.d.ts +9 -11
- package/{moderncssm → modern/src}/title/index.d.ts +1 -2
- package/modern/src/title/utils.d.ts +1 -0
- package/{cssm → modern/src}/title-mobile/component.d.ts +1 -3
- package/modern/src/title-mobile/index.d.ts +2 -0
- package/modern/{title-responsive → src/title-responsive}/component.d.ts +3 -5
- package/modern/src/title-responsive/index.d.ts +1 -0
- package/{esm → modern/src}/types.d.ts +4 -4
- package/modern/text/alfasans-index.css +30 -54
- package/modern/text/alfasans-index.module.css.js +6 -0
- package/modern/text/alfasans-index.module.css.js.map +1 -0
- package/modern/text/component.js +4 -7
- package/modern/text/component.js.map +1 -0
- package/modern/text/index.css +24 -45
- package/modern/text/index.js +1 -0
- package/modern/text/index.js.map +1 -0
- package/modern/text/index.module.css.js +6 -0
- package/modern/text/index.module.css.js.map +1 -0
- package/modern/title/alfasans-index.css +11 -33
- package/modern/title/alfasans-index.module.css.js +6 -0
- package/modern/title/alfasans-index.module.css.js.map +1 -0
- package/modern/title/common.css +9 -31
- package/modern/title/common.module.css.js +6 -0
- package/modern/title/common.module.css.js.map +1 -0
- package/modern/title/component.js +2 -1
- package/modern/title/component.js.map +1 -0
- package/modern/title/index.css +21 -42
- package/modern/title/index.js +4 -7
- package/modern/title/index.js.map +1 -0
- package/modern/title/index.module.css.js +6 -0
- package/modern/title/index.module.css.js.map +1 -0
- package/modern/title/utils.js +1 -0
- package/modern/title/utils.js.map +1 -0
- package/modern/title-mobile/alfasans-index.css +11 -33
- package/modern/title-mobile/alfasans-index.module.css.js +6 -0
- package/modern/title-mobile/alfasans-index.module.css.js.map +1 -0
- package/modern/title-mobile/component.js +4 -7
- package/modern/title-mobile/component.js.map +1 -0
- package/modern/title-mobile/index.css +19 -40
- package/modern/title-mobile/index.js +1 -0
- package/modern/title-mobile/index.js.map +1 -0
- package/modern/title-mobile/index.module.css.js +6 -0
- package/modern/title-mobile/index.module.css.js.map +1 -0
- package/modern/title-responsive/component.js +1 -0
- package/modern/title-responsive/component.js.map +1 -0
- package/modern/title-responsive/index.js +1 -0
- package/modern/title-responsive/index.js.map +1 -0
- package/modern/types.js +1 -0
- package/modern/types.js.map +1 -0
- package/moderncssm/colors.js +1 -0
- package/moderncssm/colors.js.map +1 -0
- package/moderncssm/colors.module.css +0 -4
- package/moderncssm/component.js +1 -0
- package/moderncssm/component.js.map +1 -0
- package/moderncssm/hooks/index.js +1 -0
- package/moderncssm/hooks/index.js.map +1 -0
- package/moderncssm/hooks/use-skeleton.js +1 -0
- package/moderncssm/hooks/use-skeleton.js.map +1 -0
- package/moderncssm/hooks/use-skeleton.module.css +0 -2
- package/moderncssm/index.js +1 -0
- package/moderncssm/index.js.map +1 -0
- package/moderncssm/presets.js +1 -0
- package/moderncssm/presets.js.map +1 -0
- package/moderncssm/src/colors.d.ts +2 -0
- package/moderncssm/src/component.d.ts +13 -0
- package/moderncssm/src/hooks/index.d.ts +1 -0
- package/moderncssm/src/hooks/use-skeleton.d.ts +11 -0
- package/moderncssm/src/index.d.ts +5 -0
- package/moderncssm/{presets.d.ts → src/presets.d.ts} +1 -2
- package/moderncssm/{text → src/text}/component.d.ts +9 -11
- package/moderncssm/src/text/index.d.ts +1 -0
- package/{esm → moderncssm/src}/title/component.d.ts +9 -11
- package/{cssm → moderncssm/src}/title/index.d.ts +1 -2
- package/moderncssm/src/title/utils.d.ts +1 -0
- package/moderncssm/{title-mobile → src/title-mobile}/component.d.ts +1 -3
- package/moderncssm/src/title-mobile/index.d.ts +2 -0
- package/moderncssm/{title-responsive → src/title-responsive}/component.d.ts +3 -5
- package/moderncssm/src/title-responsive/index.d.ts +1 -0
- package/moderncssm/{types.d.ts → src/types.d.ts} +4 -4
- package/moderncssm/text/alfasans-index.module.css +2 -25
- package/moderncssm/text/component.js +1 -0
- package/moderncssm/text/component.js.map +1 -0
- package/moderncssm/text/index.js +1 -0
- package/moderncssm/text/index.js.map +1 -0
- package/moderncssm/text/index.module.css +0 -1
- package/moderncssm/title/alfasans-index.module.css +12 -23
- package/moderncssm/title/common.module.css +0 -2
- package/moderncssm/title/component.js +1 -0
- package/moderncssm/title/component.js.map +1 -0
- package/moderncssm/title/index.js +1 -0
- package/moderncssm/title/index.js.map +1 -0
- package/moderncssm/title/index.module.css +0 -1
- package/moderncssm/title/utils.js +1 -0
- package/moderncssm/title/utils.js.map +1 -0
- package/moderncssm/title-mobile/alfasans-index.module.css +2 -23
- package/moderncssm/title-mobile/component.js +1 -0
- package/moderncssm/title-mobile/component.js.map +1 -0
- package/moderncssm/title-mobile/index.js +1 -0
- package/moderncssm/title-mobile/index.js.map +1 -0
- package/moderncssm/title-mobile/index.module.css +0 -1
- package/moderncssm/title-responsive/component.js +1 -0
- package/moderncssm/title-responsive/component.js.map +1 -0
- package/moderncssm/title-responsive/index.js +1 -0
- package/moderncssm/title-responsive/index.js.map +1 -0
- package/moderncssm/types.js +1 -0
- package/moderncssm/types.js.map +1 -0
- package/package.json +6 -6
- package/presets.js +1 -0
- package/presets.js.map +1 -0
- package/src/colors.d.ts +2 -0
- package/src/component.d.ts +13 -0
- package/src/hooks/index.d.ts +1 -0
- package/src/hooks/use-skeleton.d.ts +11 -0
- package/src/index.d.ts +5 -0
- package/src/presets.d.ts +17 -0
- package/src/text/alfasans-index.module.css +1 -1
- package/src/text/component.d.ts +65 -0
- package/src/text/index.d.ts +1 -0
- package/src/title/component.d.ts +126 -0
- package/src/title/index.d.ts +22 -0
- package/src/title/utils.d.ts +1 -0
- package/src/title-mobile/component.d.ts +19 -0
- package/src/title-mobile/index.d.ts +2 -0
- package/src/title-responsive/component.d.ts +41 -0
- package/src/title-responsive/index.d.ts +1 -0
- package/src/types.d.ts +21 -0
- package/text/alfasans-index.css +30 -54
- package/text/alfasans-index.module.css.js +8 -0
- package/text/alfasans-index.module.css.js.map +1 -0
- package/text/component.js +14 -17
- package/text/component.js.map +1 -0
- package/text/index.css +24 -45
- package/text/index.js +3 -2
- package/text/index.js.map +1 -0
- package/text/index.module.css.js +8 -0
- package/text/index.module.css.js.map +1 -0
- package/title/alfasans-index.css +11 -33
- package/title/alfasans-index.module.css.js +8 -0
- package/title/alfasans-index.module.css.js.map +1 -0
- package/title/common.css +9 -31
- package/title/common.module.css.js +8 -0
- package/title/common.module.css.js.map +1 -0
- package/title/component.js +7 -6
- package/title/component.js.map +1 -0
- package/title/index.css +21 -42
- package/title/index.js +8 -11
- package/title/index.js.map +1 -0
- package/title/index.module.css.js +8 -0
- package/title/index.module.css.js.map +1 -0
- package/title/utils.js +1 -0
- package/title/utils.js.map +1 -0
- package/title-mobile/alfasans-index.css +11 -33
- package/title-mobile/alfasans-index.module.css.js +8 -0
- package/title-mobile/alfasans-index.module.css.js.map +1 -0
- package/title-mobile/component.js +8 -11
- package/title-mobile/component.js.map +1 -0
- package/title-mobile/index.css +19 -40
- package/title-mobile/index.js +3 -2
- package/title-mobile/index.js.map +1 -0
- package/title-mobile/index.module.css.js +8 -0
- package/title-mobile/index.module.css.js.map +1 -0
- package/title-responsive/component.js +4 -3
- package/title-responsive/component.js.map +1 -0
- package/title-responsive/index.js +3 -2
- package/title-responsive/index.js.map +1 -0
- package/types.js +1 -0
- package/types.js.map +1 -0
- package/colors.d.ts +0 -3
- package/colors.module-00df0e34.js +0 -6
- package/common.module-d8e58b73.js +0 -6
- package/component.d.ts +0 -13
- package/cssm/colors.d.ts +0 -3
- package/cssm/common.module.css +0 -3
- package/cssm/component.d.ts +0 -13
- package/cssm/hooks/index.d.ts +0 -1
- package/cssm/hooks/use-skeleton.d.ts +0 -12
- package/cssm/index.d.ts +0 -5
- package/cssm/margins.module.css +0 -1
- package/cssm/text/index.d.ts +0 -1
- package/cssm/title/utils.d.ts +0 -2
- package/cssm/title-mobile/index.d.ts +0 -2
- package/cssm/title-responsive/index.d.ts +0 -1
- package/esm/colors.d.ts +0 -3
- package/esm/colors.module-98ec8c3d.js +0 -4
- package/esm/common.module-65e6c3e1.js +0 -4
- package/esm/component.d.ts +0 -13
- package/esm/hooks/index.d.ts +0 -1
- package/esm/hooks/use-skeleton.d.ts +0 -12
- package/esm/index.d.ts +0 -5
- package/esm/text/index.d.ts +0 -1
- package/esm/title/utils.d.ts +0 -2
- package/esm/title-mobile/index.d.ts +0 -2
- package/esm/title-responsive/index.d.ts +0 -1
- package/hooks/index.d.ts +0 -1
- package/hooks/use-skeleton.d.ts +0 -12
- package/index.d.ts +0 -5
- package/modern/colors.d.ts +0 -3
- package/modern/colors.module-d4623603.js +0 -4
- package/modern/common.module-fe3b6c14.js +0 -4
- package/modern/component.d.ts +0 -13
- package/modern/hooks/index.d.ts +0 -1
- package/modern/hooks/use-skeleton.d.ts +0 -12
- package/modern/index.d.ts +0 -5
- package/modern/text/index.d.ts +0 -1
- package/modern/title/utils.d.ts +0 -2
- package/modern/title-mobile/index.d.ts +0 -2
- package/modern/title-responsive/index.d.ts +0 -1
- package/moderncssm/colors.d.ts +0 -3
- package/moderncssm/common.module.css +0 -3
- package/moderncssm/component.d.ts +0 -13
- package/moderncssm/hooks/index.d.ts +0 -1
- package/moderncssm/hooks/use-skeleton.d.ts +0 -12
- package/moderncssm/index.d.ts +0 -5
- package/moderncssm/margins.module.css +0 -1
- package/moderncssm/text/index.d.ts +0 -1
- package/moderncssm/title/utils.d.ts +0 -2
- package/moderncssm/title-mobile/index.d.ts +0 -2
- package/moderncssm/title-responsive/index.d.ts +0 -1
- package/presets.d.ts +0 -18
- package/text/component.d.ts +0 -67
- package/text/index.d.ts +0 -1
- package/title/component.d.ts +0 -128
- package/title/index.d.ts +0 -23
- package/title/utils.d.ts +0 -2
- package/title-mobile/component.d.ts +0 -21
- package/title-mobile/index.d.ts +0 -2
- package/title-responsive/component.d.ts +0 -43
- package/title-responsive/index.d.ts +0 -1
- package/types.d.ts +0 -21
|
@@ -1,10 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
type NativeProps = HTMLAttributes<HTMLHeadingElement>;
|
|
7
|
-
type TitleProps = Omit<NativeProps, 'color'> & {
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { Color } from '../colors';
|
|
3
|
+
import { TextSkeletonProps } from '../types';
|
|
4
|
+
declare type NativeProps = HTMLAttributes<HTMLHeadingElement>;
|
|
5
|
+
export declare type TitleProps = Omit<NativeProps, 'color'> & {
|
|
8
6
|
/**
|
|
9
7
|
* HTML тег
|
|
10
8
|
*/
|
|
@@ -61,14 +59,14 @@ type TitleProps = Omit<NativeProps, 'color'> & {
|
|
|
61
59
|
*/
|
|
62
60
|
defaultMatchMediaValue?: boolean | (() => boolean);
|
|
63
61
|
};
|
|
64
|
-
type PrivateProps = {
|
|
62
|
+
declare type PrivateProps = {
|
|
65
63
|
styles: {
|
|
66
64
|
[key: string]: string;
|
|
67
65
|
};
|
|
68
66
|
platform: 'mobile' | 'desktop';
|
|
69
67
|
};
|
|
70
|
-
type TitleElementType = HTMLHeadingElement | HTMLDivElement;
|
|
71
|
-
declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
|
|
68
|
+
declare type TitleElementType = HTMLHeadingElement | HTMLDivElement;
|
|
69
|
+
export declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
|
|
72
70
|
/**
|
|
73
71
|
* HTML тег
|
|
74
72
|
*/
|
|
@@ -125,4 +123,4 @@ declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "colo
|
|
|
125
123
|
*/
|
|
126
124
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
127
125
|
} & PrivateProps & React.RefAttributes<TitleElementType>>;
|
|
128
|
-
export {
|
|
126
|
+
export {};
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { TitleProps } from
|
|
2
|
+
import { TitleProps } from './component';
|
|
4
3
|
declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
5
4
|
tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6
5
|
view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getDefaultWeight(font: 'styrene' | 'system' | 'alfasans', platform: 'mobile' | 'desktop'): "medium" | "bold" | "semibold";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
2
|
+
export declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
4
3
|
tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
5
4
|
view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
|
|
6
5
|
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;
|
|
@@ -18,4 +17,3 @@ declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttrib
|
|
|
18
17
|
skeletonProps?: import("../types").TextSkeletonProps | undefined;
|
|
19
18
|
defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
|
|
20
19
|
} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
|
|
21
|
-
export { TitleMobile };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
1
|
import React from 'react';
|
|
3
|
-
import { TitleProps } from
|
|
4
|
-
type TitleResponsiveProps = TitleProps & {
|
|
2
|
+
import { TitleProps } from '../title';
|
|
3
|
+
export declare type TitleResponsiveProps = TitleProps & {
|
|
5
4
|
/**
|
|
6
5
|
* Контрольная точка, с нее начинается desktop версия
|
|
7
6
|
* @default 1024
|
|
@@ -12,7 +11,7 @@ type TitleResponsiveProps = TitleProps & {
|
|
|
12
11
|
*/
|
|
13
12
|
client?: 'desktop' | 'mobile';
|
|
14
13
|
};
|
|
15
|
-
declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
14
|
+
export declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
|
|
16
15
|
tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
17
16
|
view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
|
|
18
17
|
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;
|
|
@@ -40,4 +39,3 @@ declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAt
|
|
|
40
39
|
*/
|
|
41
40
|
client?: "mobile" | "desktop" | undefined;
|
|
42
41
|
} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
|
|
43
|
-
export { TitleResponsiveProps, TitleResponsive };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './component';
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
2
|
-
type WidthUnit = number | string;
|
|
3
|
-
type TextSkeletonProps = {
|
|
1
|
+
export declare type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
|
|
2
|
+
declare type WidthUnit = number | string;
|
|
3
|
+
export declare type TextSkeletonProps = {
|
|
4
4
|
/**
|
|
5
5
|
* Кол-во строк текста
|
|
6
6
|
*/
|
|
@@ -18,4 +18,4 @@ type TextSkeletonProps = {
|
|
|
18
18
|
*/
|
|
19
19
|
wrapperClassName?: string;
|
|
20
20
|
};
|
|
21
|
-
export {
|
|
21
|
+
export {};
|
|
@@ -1,28 +1,7 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
|
|
17
|
-
/* новые значения, используйте их */
|
|
18
|
-
|
|
19
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
20
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
21
|
-
} :root {
|
|
1
|
+
:root {
|
|
22
2
|
--font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
23
3
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
24
|
-
}
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */ .text.component {
|
|
4
|
+
} .text.component {
|
|
26
5
|
font-size: 16px;
|
|
27
6
|
line-height: 20px;
|
|
28
7
|
font-weight: 400;
|
|
@@ -49,7 +28,9 @@
|
|
|
49
28
|
letter-spacing: -0.36px;
|
|
50
29
|
font-family: var(--font-family-alfasans)
|
|
51
30
|
} .text.primary-large.bold {
|
|
31
|
+
letter-spacing: 0.38px;
|
|
52
32
|
} .text.primary-large.medium {
|
|
33
|
+
letter-spacing: 0.17px;
|
|
53
34
|
} .text.primary-medium {
|
|
54
35
|
font-size: 16px;
|
|
55
36
|
line-height: 24px;
|
|
@@ -57,7 +38,9 @@
|
|
|
57
38
|
letter-spacing: -0.24px;
|
|
58
39
|
font-family: var(--font-family-alfasans)
|
|
59
40
|
} .text.primary-medium.bold {
|
|
41
|
+
letter-spacing: 0.43px;
|
|
60
42
|
} .text.primary-medium.medium {
|
|
43
|
+
letter-spacing: 0.17px;
|
|
61
44
|
} .text.primary-small {
|
|
62
45
|
font-size: 14px;
|
|
63
46
|
line-height: 20px;
|
|
@@ -65,7 +48,9 @@
|
|
|
65
48
|
letter-spacing: -0.08px;
|
|
66
49
|
font-family: var(--font-family-alfasans)
|
|
67
50
|
} .text.primary-small.bold {
|
|
51
|
+
letter-spacing: 0.47px;
|
|
68
52
|
} .text.primary-small.medium {
|
|
53
|
+
letter-spacing: 0.27px;
|
|
69
54
|
} .text.component-primary {
|
|
70
55
|
font-size: 16px;
|
|
71
56
|
line-height: 20px;
|
|
@@ -73,8 +58,9 @@
|
|
|
73
58
|
letter-spacing: -0.24px;
|
|
74
59
|
font-family: var(--font-family-alfasans)
|
|
75
60
|
} .text.component-primary.bold {
|
|
61
|
+
letter-spacing: 0.43px;
|
|
76
62
|
} .text.component-primary.medium {
|
|
77
|
-
|
|
63
|
+
letter-spacing: 0.17px;
|
|
78
64
|
} .text.secondary-large {
|
|
79
65
|
font-size: 13px;
|
|
80
66
|
line-height: 16px;
|
|
@@ -82,7 +68,9 @@
|
|
|
82
68
|
letter-spacing: 0;
|
|
83
69
|
font-family: var(--font-family-alfasans)
|
|
84
70
|
} .text.secondary-large.bold {
|
|
71
|
+
letter-spacing: 0.54px;
|
|
85
72
|
} .text.secondary-large.medium {
|
|
73
|
+
letter-spacing: 0.33px;
|
|
86
74
|
} .text.secondary-medium {
|
|
87
75
|
font-size: 12px;
|
|
88
76
|
line-height: 16px;
|
|
@@ -90,7 +78,9 @@
|
|
|
90
78
|
letter-spacing: 0.06px;
|
|
91
79
|
font-family: var(--font-family-alfasans)
|
|
92
80
|
} .text.secondary-medium.bold {
|
|
81
|
+
letter-spacing: 0.57px;
|
|
93
82
|
} .text.secondary-medium.medium {
|
|
83
|
+
letter-spacing: 0.38px;
|
|
94
84
|
} .text.secondary-small {
|
|
95
85
|
font-size: 11px;
|
|
96
86
|
line-height: 16px;
|
|
@@ -98,7 +88,9 @@
|
|
|
98
88
|
letter-spacing: 0.15px;
|
|
99
89
|
font-family: var(--font-family-alfasans)
|
|
100
90
|
} .text.secondary-small.bold {
|
|
91
|
+
letter-spacing: 0.54px;
|
|
101
92
|
} .text.secondary-small.medium {
|
|
93
|
+
letter-spacing: 0.41px;
|
|
102
94
|
} .text.component-secondary {
|
|
103
95
|
font-size: 14px;
|
|
104
96
|
line-height: 18px;
|
|
@@ -106,8 +98,9 @@
|
|
|
106
98
|
letter-spacing: -0.08px;
|
|
107
99
|
font-family: var(--font-family-alfasans)
|
|
108
100
|
} .text.component-secondary.bold {
|
|
101
|
+
letter-spacing: 0.47px;
|
|
109
102
|
} .text.component-secondary.medium {
|
|
110
|
-
|
|
103
|
+
letter-spacing: 0.27px;
|
|
111
104
|
} .text.bold {
|
|
112
105
|
font-weight: 700;
|
|
113
106
|
} .text.medium {
|
package/cssm/text/component.js
CHANGED
|
@@ -6,7 +6,7 @@ var tslib = require('tslib');
|
|
|
6
6
|
var React = require('react');
|
|
7
7
|
var mergeRefs = require('react-merge-refs');
|
|
8
8
|
var cn = require('classnames');
|
|
9
|
-
var
|
|
9
|
+
var useSkeleton = require('../hooks/use-skeleton.js');
|
|
10
10
|
var colors = require('../colors.module.css');
|
|
11
11
|
var alfasansStyles = require('./alfasans-index.module.css');
|
|
12
12
|
var styles = require('./index.module.css');
|
|
@@ -39,7 +39,7 @@ var Text = React.forwardRef(function (_a, ref) {
|
|
|
39
39
|
if (view === 'component') {
|
|
40
40
|
logWarning(view);
|
|
41
41
|
}
|
|
42
|
-
var _h =
|
|
42
|
+
var _h = useSkeleton.useSkeleton(showSkeleton, skeletonProps), renderSkeleton = _h.renderSkeleton, textRef = _h.textRef;
|
|
43
43
|
var skeleton = renderSkeleton({
|
|
44
44
|
wrapperClassName: cn__default.default((_b = {},
|
|
45
45
|
_b[styles__default.default.paragraphWithMargins] = Component === 'p' && defaultMargins,
|
|
@@ -60,3 +60,4 @@ var Text = React.forwardRef(function (_a, ref) {
|
|
|
60
60
|
});
|
|
61
61
|
|
|
62
62
|
exports.Text = Text;
|
|
63
|
+
//# sourceMappingURL=component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"component.js","sources":["../../../src/text/component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { Color } from '../colors';\nimport { useSkeleton } from '../hooks';\nimport { TextElementType, TextSkeletonProps } from '../types';\n\nimport colors from '../colors.module.css';\nimport alfasansStyles from './alfasans-index.module.css';\nimport styles from './index.module.css';\n\ntype NativeProps = HTMLAttributes<HTMLSpanElement>;\n\ntype TextBaseProps = {\n /**\n * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/tokens-assets-типографика--docs)\n */\n view?:\n | 'primary-large'\n | 'primary-medium'\n | 'primary-small'\n | 'secondary-large'\n | 'secondary-medium'\n | 'secondary-small'\n | 'component'\n | 'component-primary'\n | 'component-secondary'\n | 'caps'\n | 'tagline';\n\n /**\n * Цвет текста\n */\n color?: Color;\n\n /**\n * Толщина шрифта\n */\n weight?: 'regular' | 'medium' | 'bold';\n\n /**\n * Делает цифры моноширинными\n */\n monospaceNumbers?: boolean;\n\n /**\n * HTML тег\n */\n tag?: 'span' | 'div';\n\n /**\n * Css-класс для стилизации (native prop)\n */\n className?: string;\n\n /**\n * Id компонента для тестов\n */\n dataTestId?: string;\n\n /**\n * Контент (native prop)\n */\n children?: React.ReactNode;\n\n /**\n * Добавляет отступы к тэгу 'p'\n */\n defaultMargins?: never;\n\n /**\n * Количество строк\n */\n rowLimit?: 1 | 2 | 3;\n\n /**\n * Показать скелетон\n */\n showSkeleton?: boolean;\n\n /**\n * Пропы для скелетона\n */\n skeletonProps?: TextSkeletonProps;\n\n /**\n * Шрифт текста\n */\n font?: 'alfasans' | undefined | null;\n};\n\ntype TextPTagProps = Omit<TextBaseProps, 'tag' | 'defaultMargins'> & {\n tag?: 'p';\n defaultMargins?: boolean;\n};\n\nexport type TextProps = Omit<NativeProps, 'color'> & (TextBaseProps | TextPTagProps);\n\nconst logWarning = (view: Required<TextBaseProps>['view']) => {\n if (process.env.NODE_ENV !== 'development') {\n return;\n }\n\n const viewsMap: { [key: string]: string } = {\n component: 'component-primary',\n };\n\n // eslint-disable-next-line no-console\n console.warn(\n // eslint-disable-next-line prefer-template\n `@alfalab/core-components/typography: view='${view}' будет удален в следующих мажорных версиях. ` +\n `Используйте view='${viewsMap[view]}'.`,\n );\n};\n\nexport const Text = forwardRef<TextElementType, TextProps>(\n (\n {\n view = 'primary-medium',\n tag: Component = 'span',\n weight,\n monospaceNumbers = false,\n defaultMargins = true,\n color,\n className,\n dataTestId,\n children,\n rowLimit,\n showSkeleton,\n skeletonProps,\n font,\n ...restProps\n },\n ref,\n ) => {\n if (view === 'component') {\n logWarning(view);\n }\n\n const { renderSkeleton, textRef } = useSkeleton(showSkeleton, skeletonProps);\n\n const skeleton = renderSkeleton({\n wrapperClassName: cn({\n [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n }),\n dataTestId,\n });\n\n if (skeleton) {\n return skeleton;\n }\n\n return (\n <Component\n className={cn(\n {\n [styles.paragraph]: Component === 'p' && !defaultMargins,\n [styles.paragraphWithMargins]: Component === 'p' && defaultMargins,\n [styles.monospace]: monospaceNumbers,\n [styles[`rowLimit${rowLimit}`]]: rowLimit,\n [styles.transparent]: showSkeleton,\n [alfasansStyles.text]: font === 'alfasans',\n },\n className,\n color && colors[color],\n (font === 'alfasans' ? alfasansStyles : styles)[view],\n weight && (font === 'alfasans' ? alfasansStyles : styles)[weight],\n )}\n data-test-id={dataTestId}\n ref={mergeRefs([ref, textRef])}\n {...restProps}\n >\n {children}\n </Component>\n );\n },\n);\n"],"names":["forwardRef","__rest","useSkeleton","cn","styles","React","__assign","alfasansStyles","colors","mergeRefs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmGA,IAAM,UAAU,GAAG,UAAC,IAAqC,EAAA;AACrD,IAAA,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,aAAa,EAAE;QACxC;AACH;AAED,IAAA,IAAM,QAAQ,GAA8B;AACxC,QAAA,SAAS,EAAE,mBAAmB;KACjC;;AAGD,IAAA,OAAO,CAAC,IAAI;;AAER,IAAA,6CAAA,CAAA,MAAA,CAA8C,IAAI,EAA+C,mOAAA,CAAA;AAC7F,QAAA,2EAAA,CAAA,MAAA,CAAqB,QAAQ,CAAC,IAAI,CAAC,EAAA,IAAA,CAAI,CAC9C;AACL,CAAC;IAEY,IAAI,GAAGA,gBAAU,CAC1B,UACI,EAeC,EACD,GAAG,EAAA;;IAfC,IAAA,EAAA,GAAA,EAAA,CAAA,IAAuB,EAAvB,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,gBAAgB,GAAA,EAAA,EACvB,EAAuB,GAAA,EAAA,CAAA,GAAA,EAAlB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,MAAM,GAAA,EAAA,EACvB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAwB,GAAA,EAAA,CAAA,gBAAA,EAAxB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACxB,EAAA,GAAA,EAAA,CAAA,cAAqB,EAArB,cAAc,GAAG,EAAA,KAAA,MAAA,GAAA,IAAI,KAAA,EACrB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,IAAI,GAAA,EAAA,CAAA,IAAA,EACD,SAAS,GAdhBC,YAAA,CAAA,EAAA,EAAA,CAAA,MAAA,EAAA,KAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,cAAA,EAAA,eAAA,EAAA,MAAA,CAeC,CADe;IAIhB,IAAI,IAAI,KAAK,WAAW,EAAE;QACtB,UAAU,CAAC,IAAI,CAAC;AACnB;AAEK,IAAA,IAAA,EAA8B,GAAAC,uBAAW,CAAC,YAAY,EAAE,aAAa,CAAC,EAApE,cAAc,GAAA,EAAA,CAAA,cAAA,EAAE,OAAO,aAA6C;IAE5E,IAAM,QAAQ,GAAG,cAAc,CAAC;AAC5B,QAAA,gBAAgB,EAAEC,mBAAE,EAAA,EAAA,GAAA,EAAA;YAChB,EAAC,CAAAC,uBAAM,CAAC,oBAAoB,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AACpE,YAAA,EAAA,EAAA;AACF,QAAA,UAAU,EAAA,UAAA;AACb,KAAA,CAAC;AAEF,IAAA,IAAI,QAAQ,EAAE;AACV,QAAA,OAAO,QAAQ;AAClB;AAED,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAA,SAAS,EACNC,cAAA,CAAA,EAAA,SAAS,EAAEH,mBAAE,EAAA,EAAA,GAAA,EAAA;YAEL,EAAC,CAAAC,uBAAM,CAAC,SAAS,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,CAAC,cAAc;YACxD,EAAC,CAAAA,uBAAM,CAAC,oBAAoB,CAAA,GAAG,SAAS,KAAK,GAAG,IAAI,cAAc;AAClE,YAAA,EAAA,CAACA,uBAAM,CAAC,SAAS,CAAA,GAAG,gBAAgB;AACpC,YAAA,EAAA,CAACA,uBAAM,CAAC,UAAA,CAAA,MAAA,CAAW,QAAQ,CAAE,CAAC,IAAG,QAAQ;AACzC,YAAA,EAAA,CAACA,uBAAM,CAAC,WAAW,CAAA,GAAG,YAAY;AAClC,YAAA,EAAA,CAACG,+BAAc,CAAC,IAAI,CAAG,GAAA,IAAI,KAAK,UAAU;AAE9C,YAAA,EAAA,GAAA,SAAS,EACT,KAAK,IAAIC,uBAAM,CAAC,KAAK,CAAC,EACtB,CAAC,IAAI,KAAK,UAAU,GAAGD,+BAAc,GAAGH,uBAAM,EAAE,IAAI,CAAC,EACrD,MAAM,IAAI,CAAC,IAAI,KAAK,UAAU,GAAGG,+BAAc,GAAGH,uBAAM,EAAE,MAAM,CAAC,CACpE,EAAA,cAAA,EACa,UAAU,EACxB,GAAG,EAAEK,0BAAS,CAAC,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,EAAA,EAC1B,SAAS,CAAA,EAEZ,QAAQ,CACD;AAEpB,CAAC;;;;"}
|
package/cssm/text/index.js
CHANGED
|
@@ -2,8 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var component = require('./component.js');
|
|
6
6
|
|
|
7
7
|
|
|
8
8
|
|
|
9
|
-
exports.Text =
|
|
9
|
+
exports.Text = component.Text;
|
|
10
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
|
|
@@ -1,29 +1,8 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
|
|
3
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
--gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
17
|
-
|
|
18
|
-
/* новые значения, используйте их */
|
|
19
|
-
|
|
20
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
21
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
2
|
+
--gap-s: 12px;
|
|
22
3
|
--gap-0: 0px;
|
|
23
4
|
--gap-12: var(--gap-s);
|
|
24
|
-
}
|
|
25
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
26
|
-
} /* сбрасывает синюю подсветку при нажатии */ .transparent {
|
|
5
|
+
} .transparent {
|
|
27
6
|
opacity: 0;
|
|
28
7
|
} :root {
|
|
29
8
|
--text-paragraph-margin-bottom: var(--gap-0) var(--gap-0) var(--gap-12);
|
|
@@ -1,34 +1,14 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
|
|
17
|
-
/* новые значения, используйте их */
|
|
18
|
-
|
|
19
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
20
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
21
|
-
} :root {
|
|
1
|
+
:root {
|
|
22
2
|
--font-family-alfasans: 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto,
|
|
23
3
|
'Helvetica Neue', Helvetica, sans-serif;
|
|
24
|
-
}
|
|
25
|
-
} /* сбрасывает синюю подсветку при нажатии */ .alfasans-xlarge {
|
|
4
|
+
} .alfasans-xlarge {
|
|
26
5
|
font-size: 48px;
|
|
27
6
|
line-height: 64px;
|
|
28
7
|
font-weight: 700;
|
|
29
8
|
letter-spacing: 0.1px;
|
|
30
9
|
font-family: var(--font-family-alfasans)
|
|
31
10
|
} .alfasans-xlarge.systemCompat {
|
|
11
|
+
line-height: 52px;
|
|
32
12
|
} .alfasans-large {
|
|
33
13
|
font-size: 40px;
|
|
34
14
|
line-height: 48px;
|
|
@@ -43,6 +23,9 @@
|
|
|
43
23
|
letter-spacing: 0.3px;
|
|
44
24
|
font-family: var(--font-family-alfasans)
|
|
45
25
|
} .alfasans-medium.systemCompat {
|
|
26
|
+
font-size: 30px;
|
|
27
|
+
line-height: 36px;
|
|
28
|
+
letter-spacing: 0.1px;
|
|
46
29
|
} .alfasans-small {
|
|
47
30
|
font-size: 24px;
|
|
48
31
|
line-height: 32px;
|
|
@@ -50,6 +33,9 @@
|
|
|
50
33
|
letter-spacing: 0.39px;
|
|
51
34
|
font-family: var(--font-family-alfasans)
|
|
52
35
|
} .alfasans-small.systemCompat {
|
|
36
|
+
font-size: 22px;
|
|
37
|
+
line-height: 26px;
|
|
38
|
+
letter-spacing: 0.2px;
|
|
53
39
|
} .alfasans-xsmall {
|
|
54
40
|
font-size: 20px;
|
|
55
41
|
line-height: 24px;
|
|
@@ -57,4 +43,7 @@
|
|
|
57
43
|
letter-spacing: 0.33px;
|
|
58
44
|
font-family: var(--font-family-alfasans)
|
|
59
45
|
} .alfasans-xsmall.systemCompat {
|
|
46
|
+
font-size: 18px;
|
|
47
|
+
line-height: 22px;
|
|
48
|
+
letter-spacing: 0.38px;
|
|
60
49
|
}
|
|
@@ -1,27 +1,6 @@
|
|
|
1
|
-
:root {
|
|
2
|
-
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
3
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
5
|
-
} :root {
|
|
6
|
-
|
|
7
|
-
/* Hard */
|
|
8
|
-
|
|
9
|
-
/* Up */
|
|
10
|
-
|
|
11
|
-
/* Hard up */
|
|
12
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
13
|
-
|
|
14
|
-
/* новые значения, используйте их */
|
|
15
|
-
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
16
|
-
|
|
17
|
-
/* новые значения, используйте их */
|
|
18
|
-
|
|
19
|
-
/* no-unit может приводить к проблемам в calc (#1559) */
|
|
20
|
-
/* stylelint-disable-next-line length-zero-no-unit */
|
|
1
|
+
:root {
|
|
21
2
|
--gap-0: 0px;
|
|
22
|
-
}
|
|
23
|
-
} /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
|
|
24
|
-
} /* сбрасывает синюю подсветку при нажатии */ .component {
|
|
3
|
+
} .component {
|
|
25
4
|
margin: var(--gap-0);
|
|
26
5
|
padding: var(--gap-0)
|
|
27
6
|
} .component.bold {
|