@rescui/typography 0.15.0 → 0.16.0

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

@@ -25,7 +25,7 @@ export declare type LinkParams = {
      */
     external?: boolean;
     /**
-     * @default hard
+     * @default null
      */
     hardness?: Hardness;
     /**
@@ -45,7 +45,14 @@ export declare type OrderedListParams = {
 export declare type UnorderedListParams = {
     offsetItems?: OffsetItems;
 };
-export declare function createTextCn(theme: Theme): {
+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;

package/lib/create-text-cn.js

@@ -1,13 +1,12 @@
 import _includesInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/includes";
-import { useTheme } from '@rescui/ui-contexts';
-import bemCnFast from 'bem-cn-fast';
-var THEMED_TYPES = ['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', 'rs-text-1', 'rs-text-2', 'rs-text-3', 'rs-link'];
+import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
+import { useThemeWithUndefined } from '@rescui/ui-contexts';
+import cn from 'classnames';
+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) {
-  if (!theme) {
-    throw new TypeError('theme argument is required');
-  }
-
+  // eslint-disable-next-line complexity
   function textCn() {
     var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'rs-text-1';
 
@@ -31,22 +30,30 @@ function createTextCn(theme) {
       console.warn("'rs-digits' style is deprecated, please use 'rs-digits-1' instead");
     }
 
-    return bemCnFast(type)({
-      'paragraph-offset-auto': paragraphOffsetAuto,
-      hardness: hardness,
-      external: external,
-      mode: type === 'rs-link' && mode,
-      theme: _includesInstanceProperty(THEMED_TYPES).call(THEMED_TYPES, type) && theme,
-      alpha: alpha,
-      'offset-items': offsetItems
-    });
+    if (_includesInstanceProperty(TEXT_BASES).call(TEXT_BASES, type)) {
+      return cn(type, theme && "rs-typography_theme_".concat(theme), hardness ? "rs-text_hardness_".concat(hardness) : _includesInstanceProperty(TEXTS).call(TEXTS, type) && "rs-text_hardness_average", paragraphOffsetAuto && 'rs-text_paragraph-offset-auto');
+    }
+
+    if (type === 'rs-link') {
+      return cn(type, "rs-link_mode_".concat(mode), hardness && "rs-link_hardness_".concat(hardness), external && "rs-link_external", theme && "rs-typography_theme_".concat(theme));
+    }
+
+    if (type === 'rs-ul' || type === 'rs-ol') {
+      var _context;
+
+      return cn(type, alpha && "rs-ol_alpha_".concat(alpha), offsetItems && _concatInstanceProperty(_context = "".concat(type, "_offset-items_")).call(_context, offsetItems));
+    }
+
+    return cn(type, theme && "rs-typography_theme_".concat(theme));
   }
 
   return textCn;
 }
 
+var textCn = createTextCn();
+
 var useTextStyles = function useTextStyles() {
-  return createTextCn(useTheme());
+  return createTextCn(useThemeWithUndefined());
 };
 
-export { createTextCn, useTextStyles };
+export { createTextCn, textCn, useTextStyles };