@rescui/typography 0.4.0 → 0.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/create-text-cn.d.ts +23 -6
- package/lib/create-text-cn.js +24 -11
- package/lib/hooks.d.ts +2 -0
- package/lib/index.css +194 -129
- package/lib/mixins.pcss +272 -222
- package/package.json +3 -3
package/lib/create-text-cn.d.ts
CHANGED
|
@@ -3,17 +3,34 @@ import { Theme } from '@rescui/ui-contexts';
|
|
|
3
3
|
import './styles';
|
|
4
4
|
export declare type Texts = 'rs-text-1' | 'rs-text-2' | 'rs-text-3';
|
|
5
5
|
export declare type Link = 'rs-link';
|
|
6
|
+
export declare type OrderedList = 'rs-ol';
|
|
7
|
+
export declare type UnorderedList = 'rs-ul';
|
|
6
8
|
export declare type Others = 'rs-super-hero' | 'rs-digits' | 'rs-hero' | 'rs-subtitle-1' | 'rs-h1' | 'rs-subtitle-2' | 'rs-h2' | 'rs-h3' | 'rs-h4' | 'rs-h5' | 'rs-overline' | 'rs-pre' | 'rs-code' | 'rs-link' | 'rs-article';
|
|
7
|
-
export
|
|
9
|
+
export declare type Type = Texts | Link | OrderedList | Others | UnorderedList;
|
|
10
|
+
export declare type Hardness = 'average' | 'hard' | 'pale';
|
|
11
|
+
export declare type TextsParams = {
|
|
8
12
|
paragraphOffsetAuto?: boolean;
|
|
9
|
-
hardness?:
|
|
10
|
-
}
|
|
11
|
-
export
|
|
13
|
+
hardness?: Hardness;
|
|
14
|
+
};
|
|
15
|
+
export declare type Mode = 'classic' | 'rock' | 'clear' | 'standalone';
|
|
16
|
+
export declare type LinkParams = {
|
|
12
17
|
external?: boolean;
|
|
13
|
-
|
|
14
|
-
|
|
18
|
+
hardness?: Hardness;
|
|
19
|
+
mode?: Mode;
|
|
20
|
+
};
|
|
21
|
+
export declare type Alpha = 'lower' | 'upper';
|
|
22
|
+
export declare type OffsetItems = 8 | 12 | 16 | 24;
|
|
23
|
+
export declare type OrderedListParams = {
|
|
24
|
+
alpha?: Alpha;
|
|
25
|
+
offsetItems?: OffsetItems;
|
|
26
|
+
};
|
|
27
|
+
export declare type UnorderedListParams = {
|
|
28
|
+
offsetItems?: OffsetItems;
|
|
29
|
+
};
|
|
15
30
|
export declare function createTextCn(theme: Theme): {
|
|
16
31
|
(type: Texts, params?: TextsParams): string;
|
|
17
32
|
(type: Link, params?: LinkParams): string;
|
|
33
|
+
(type: OrderedList, params?: OrderedListParams): string;
|
|
34
|
+
(type: UnorderedList, params?: UnorderedListParams): string;
|
|
18
35
|
(type: Others): string;
|
|
19
36
|
};
|
package/lib/create-text-cn.js
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
|
|
1
2
|
import bemCnFast from 'bem-cn-fast';
|
|
3
|
+
var THEMED_TYPES = ['rs-super-hero', 'rs-digits', 'rs-hero', 'rs-subtitle-1', 'rs-h1', 'rs-subtitle-2', 'rs-h2', 'rs-h3', 'rs-h4', 'rs-h5', 'rs-overline', 'rs-pre', 'rs-code', 'rs-link', 'rs-article', 'rs-text-1', 'rs-text-2', 'rs-text-3', 'rs-link'];
|
|
2
4
|
|
|
3
5
|
function createTextCn(theme) {
|
|
4
6
|
if (!theme) {
|
|
@@ -7,18 +9,29 @@ function createTextCn(theme) {
|
|
|
7
9
|
|
|
8
10
|
function textCn() {
|
|
9
11
|
var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'rs-text-1';
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
|
|
13
|
+
var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
|
|
14
|
+
_ref$paragraphOffsetA = _ref.paragraphOffsetAuto,
|
|
15
|
+
paragraphOffsetAuto = _ref$paragraphOffsetA === void 0 ? false : _ref$paragraphOffsetA,
|
|
16
|
+
_ref$hardness = _ref.hardness,
|
|
17
|
+
hardness = _ref$hardness === void 0 ? undefined : _ref$hardness,
|
|
18
|
+
_ref$external = _ref.external,
|
|
19
|
+
external = _ref$external === void 0 ? false : _ref$external,
|
|
20
|
+
_ref$mode = _ref.mode,
|
|
21
|
+
mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
|
|
22
|
+
_ref$alpha = _ref.alpha,
|
|
23
|
+
alpha = _ref$alpha === void 0 ? undefined : _ref$alpha,
|
|
24
|
+
_ref$offsetItems = _ref.offsetItems,
|
|
25
|
+
offsetItems = _ref$offsetItems === void 0 ? undefined : _ref$offsetItems;
|
|
26
|
+
|
|
16
27
|
return bemCnFast(type)({
|
|
17
|
-
'paragraph-offset-auto':
|
|
18
|
-
hardness:
|
|
19
|
-
external:
|
|
20
|
-
mode:
|
|
21
|
-
theme: theme
|
|
28
|
+
'paragraph-offset-auto': paragraphOffsetAuto,
|
|
29
|
+
hardness: hardness,
|
|
30
|
+
external: external,
|
|
31
|
+
mode: type === 'rs-link' && mode,
|
|
32
|
+
theme: _includesInstanceProperty(THEMED_TYPES).call(THEMED_TYPES, type) && theme,
|
|
33
|
+
alpha: alpha,
|
|
34
|
+
'offset-items': offsetItems
|
|
22
35
|
});
|
|
23
36
|
}
|
|
24
37
|
|
package/lib/hooks.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
export declare const useTextStyles: () => {
|
|
2
2
|
(type: import("./create-text-cn").Texts, params?: import("./create-text-cn").TextsParams): string;
|
|
3
3
|
(type: "rs-link", params?: import("./create-text-cn").LinkParams): string;
|
|
4
|
+
(type: "rs-ol", params?: import("./create-text-cn").OrderedListParams): string;
|
|
5
|
+
(type: "rs-ul", params?: import("./create-text-cn").UnorderedListParams): string;
|
|
4
6
|
(type: import("./create-text-cn").Others): string;
|
|
5
7
|
};
|