@rescui/typography 0.17.0 → 0.18.0

package/lib/create-text-cn.d.ts

@@ -3,8 +3,11 @@ export declare type Texts = 'rs-text-1' | 'rs-text-2' | 'rs-text-3';
 export declare type Link = 'rs-link';
 export declare type OrderedList = 'rs-ol';
 export declare type UnorderedList = 'rs-ul';
-export declare type Others = 'rs-super-hero' | 'rs-middle-hero' | 'rs-digits-1' | 'rs-digits-2' | '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';
-export declare type Type = Texts | Link | OrderedList | Others | UnorderedList;
+export declare type Subtitles = 'rs-subtitle-1' | 'rs-subtitle-2';
+export declare type Digits = 'rs-digits-1' | 'rs-digits-2';
+export declare type SubtitlesAndDigits = Subtitles | Digits;
+export declare type Others = 'rs-super-hero' | 'rs-middle-hero' | 'rs-hero' | 'rs-h1' | 'rs-h2' | 'rs-h3' | 'rs-h4' | 'rs-h5' | 'rs-overline' | 'rs-pre' | 'rs-code';
+export declare type Type = Texts | Link | OrderedList | UnorderedList | SubtitlesAndDigits | Others;
 export declare type Hardness = 'average' | 'hard' | 'pale';
 export declare type TextsParams = {
     /**
@@ -16,6 +19,12 @@ export declare type TextsParams = {
      */
     hardness?: Hardness;
 };
+export declare type SubtitlesAndDigitsParams = {
+    /**
+     * @default hard
+     */
+    hardness?: Hardness;
+};
 export declare type Mode = 'classic' | 'rock' | 'clear' | 'standalone';
 export declare type LinkParams = {
     /**
@@ -43,24 +52,24 @@ export declare type OrderedListParams = {
 export declare type UnorderedListParams = {
     offsetItems?: OffsetItems;
 };
-export declare function createTextCn(theme?: Theme): {
-    (type: Texts, params?: TextsParams): string;
-    (type: Link, params?: LinkParams): string;
-    (type: OrderedList, params?: OrderedListParams): string;
-    (type: UnorderedList, params?: UnorderedListParams): string;
-    (type: Others): string;
-};
-export declare const textCn: {
-    (type: Texts, params?: TextsParams): string;
-    (type: Link, params?: LinkParams): string;
-    (type: OrderedList, params?: OrderedListParams): string;
-    (type: UnorderedList, params?: UnorderedListParams): string;
-    (type: Others): string;
-};
-export declare const useTextStyles: () => {
-    (type: Texts, params?: TextsParams): string;
-    (type: Link, params?: LinkParams): string;
-    (type: OrderedList, params?: OrderedListParams): string;
-    (type: UnorderedList, params?: UnorderedListParams): string;
-    (type: Others): string;
+declare type MapParams<Types extends string, Params extends Record<string, unknown>> = {
+    [T in Types]: Params;
 };
+/**
+ * The example of the map content:
+ * ```
+ * {
+ *   'rs-text-1': TextsParams,
+ *   'rs-text-2': TextsParams,
+ *   'rs-text-3': TextsParams,
+ *   'rs-subtitle-1': SubtitlesAndDigitsParams,
+ *   // ...
+ * }
+ * ```
+ */
+export declare type TypeToParams = MapParams<Texts, TextsParams> & MapParams<SubtitlesAndDigits, SubtitlesAndDigitsParams> & MapParams<Link, LinkParams> & MapParams<OrderedList, OrderedListParams> & MapParams<UnorderedList, UnorderedListParams> & MapParams<Others, never>;
+export declare function createTextCn(theme?: Theme): <T extends Texts | SubtitlesAndDigits | Others | "rs-link" | "rs-ol" | "rs-ul">(type: T, params?: TypeToParams[T]) => string;
+export declare const textCn: <T extends Texts | SubtitlesAndDigits | Others | "rs-link" | "rs-ol" | "rs-ul">(type: T, params?: TypeToParams[T]) => string;
+export declare const useTextStyles: () => <T extends Texts | SubtitlesAndDigits | Others | "rs-link" | "rs-ol" | "rs-ul">(type: T, params?: TypeToParams[T]) => string;
+export declare const colorCn: (color: Hardness | 'base') => any;
+export {};

package/lib/create-text-cn.js

@@ -4,7 +4,6 @@ import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import cn from 'classnames';
 import styles from './index-moduled.p.module.css.js';
 var TEXT_BASES = ['rs-digits-1', 'rs-digits-2', 'rs-super-hero', 'rs-middle-hero', 'rs-hero', 'rs-subtitle-1', 'rs-subtitle-2', 'rs-h1', 'rs-h2', 'rs-h3', 'rs-h4', 'rs-h5', 'rs-overline', 'rs-text-1', 'rs-text-2', 'rs-text-3'];
-var TEXTS = ['rs-text-1', 'rs-text-2', 'rs-text-3'];
 
 function createTextCn(theme) {
   // eslint-disable-next-line complexity
@@ -32,7 +31,7 @@ function createTextCn(theme) {
     }
 
     if (_includesInstanceProperty(TEXT_BASES).call(TEXT_BASES, type)) {
-      return cn(styles[type], theme && styles["rs-typography_theme_".concat(theme)], hardness ? styles["rs-text_hardness_".concat(hardness)] : _includesInstanceProperty(TEXTS).call(TEXTS, type) && styles["rs-text_hardness_average"], paragraphOffsetAuto && styles['rs-text_paragraph-offset-auto']);
+      return cn(styles[type], theme && styles["rs-typography_theme_".concat(theme)], styles["rs-text_hardness_".concat(hardness !== null && hardness !== void 0 ? hardness : 'auto')], paragraphOffsetAuto && styles['rs-text_paragraph-offset-auto']);
     }
 
     if (type === 'rs-link') {
@@ -57,4 +56,8 @@ var useTextStyles = function useTextStyles() {
   return createTextCn(useThemeWithUndefined());
 };
 
-export { createTextCn, textCn, useTextStyles };
+var colorCn = function colorCn(color) {
+  return styles["rs-text_color_".concat(color)];
+};
+
+export { colorCn, createTextCn, textCn, useTextStyles };