@digitalc/dxp-ui 0.0.4 → 0.0.5-alpha-gomo.1

package/lib/components/Text/designTokens.js

@@ -0,0 +1,75 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Text/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  otherDesignTokens: () => otherDesignTokens
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var otherDesignTokens = {
+  fontSizeDesktopTitleT23: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT23")}px`,
+  fontSizeDesktopContentC15: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC15")}px`,
+  fontSizeDesktopContentC21: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC21")}px`,
+  fontSizeDesktopTitleT21: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT21")}px`,
+  fontSizeDesktopTitleT15: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT15")}px`,
+  fontSizeDesktopContentC13: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC13")}px`,
+  fontSizeDesktopContentC11: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC11")}px`,
+  fontSizeDesktopContentC12: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC12")}px`,
+  fontSizeDesktopContentC14: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC14")}px`,
+  fontSizeDesktopTitleT1: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT1")}px`,
+  fontSizeDesktopTitleT32: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT32")}px`,
+  fontSizeDesktopTitleT41: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT41")}px`,
+  fontSizeDesktopContentC05: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC05")}px`,
+  fontSizeDesktopContentC04: `${(0, import_tokenHelper.getToken)("fontSizeDesktopContentC04")}px`,
+  fontSizeDesktopTitleT7: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT7")}px`,
+  fontSizeDesktopTitleT8: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT8")}px`,
+  fontSizeDesktopTitleT2: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT2")}px`,
+  fontSizeDesktopTitleT5: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT5")}px`,
+  fontSizeDesktopTitleT3: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT3")}px`,
+  fontSizeDesktopTitleT4: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT4")}px`,
+  fontSizeDesktopTitleT10: `${(0, import_tokenHelper.getToken)("fontSizeDesktopTitleT10")}px`,
+  fontSizeMobileContentC04: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC04")}px`,
+  fontSizeMobileContentC05: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC05")}px`,
+  fontSizeMobileContentC11: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC11")}px`,
+  fontSizeMobileContentC12: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC12")}px`,
+  fontSizeMobileContentC13: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC13")}px`,
+  fontSizeMobileContentC14: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC14")}px`,
+  fontSizeMobileContentC15: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC15")}px`,
+  fontSizeMobileContentC21: `${(0, import_tokenHelper.getToken)("fontSizeMobileContentC21")}px`,
+  fontSizeMobileTitleT12: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT12")}px`,
+  fontSizeMobileTitleT13: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT13")}px`,
+  fontSizeMobileTitleT14: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT14")}px`,
+  fontSizeMobileTitleT15: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT15")}px`,
+  fontSizeMobileTitleT21: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT21")}px`,
+  fontSizeMobileTitleT23: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT23")}px`,
+  fontSizeMobileTitleT24: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT24")}px`,
+  fontSizeMobileTitleT25: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT25")}px`,
+  fontSizeMobileTitleT32: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT32")}px`,
+  fontSizeMobileTitleT34: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT34")}px`,
+  fontSizeMobileTitleT41: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT41")}px`,
+  fontSizeMobileTitleT45: `${(0, import_tokenHelper.getToken)("fontSizeMobileTitleT45")}px`,
+  fontSizeMobileNavigation: `${(0, import_tokenHelper.getToken)("fontSizeMobileNavigation")}px`,
+  fontFamilyPromaryRegular: (0, import_tokenHelper.getToken)("fontFamilyPromaryRegular"),
+  fontFamilyPromarySemiBold: (0, import_tokenHelper.getToken)("fontFamilyPromarySemiBold"),
+  fontFamilyPromaryBold: (0, import_tokenHelper.getToken)("fontFamilyPromaryBold"),
+  fontFamilySecondaryRegular: (0, import_tokenHelper.getToken)("fontFamilySecondaryRegular"),
+  fontFamilySecondarySemiBold: (0, import_tokenHelper.getToken)("fontFamilySecondarySemiBold"),
+  fontFamilySecondaryBold: (0, import_tokenHelper.getToken)("fontFamilySecondaryBold")
+};

package/lib/components/Text/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './style/index.less';
+export type Size = 'TitleT41Bold' | 'TitleT32Bold' | 'TitleT23Bold' | 'TitleT21Bold' | 'TitleT15Bold' | 'ContentC14Bold' | 'ContentC14Regular' | 'ContentC14Strikethrough' | 'ContentC14TextLink' | 'ContentC13Bold' | 'ContentC13Regular' | 'ContentC13Strikethrough' | 'ContentC13TextLink' | 'ContentC12Regular' | 'ContentC12Strikethrough' | 'ContentC12SemiBold' | 'ContentC12Bold' | 'ContentC12TextLink' | 'navigation';
+export interface TextProps {
+    children?: React.ReactNode;
+    className?: string;
+    size?: Size;
+    prefixCls?: string;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+declare const Text: (props: TextProps) => React.JSX.Element;
+export default Text;

package/lib/components/Text/index.js

@@ -0,0 +1,432 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Text/index.tsx
+var Text_exports = {};
+__export(Text_exports, {
+  default: () => Text_default
+});
+module.exports = __toCommonJS(Text_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = require("../../utils/theme");
+var import_designTokens = require("./designTokens");
+var import_constants = require("../../constants");
+var import_style = require("./style/index.less");
+var Text = (props) => {
+  const _a = props, {
+    children,
+    className,
+    size = "ContentC14Bold",
+    prefixCls = import_constants.cssClasses.PREFIX + "-text",
+    style,
+    breakpoint = "Mobile"
+  } = _a, attr = __objRest(_a, [
+    "children",
+    "className",
+    "size",
+    "prefixCls",
+    "style",
+    "breakpoint"
+  ]);
+  const {
+    fontSizeDesktopTitleT23,
+    // fontSizeDesktopContentC15,
+    // fontSizeDesktopContentC21,
+    fontSizeDesktopTitleT21,
+    fontSizeDesktopTitleT15,
+    fontSizeDesktopContentC13,
+    // fontSizeDesktopContentC11,
+    fontSizeDesktopContentC12,
+    fontSizeDesktopContentC14,
+    // fontSizeDesktopTitleT1,
+    fontSizeDesktopTitleT32,
+    fontSizeDesktopTitleT41,
+    // fontSizeDesktopContentC05,
+    // fontSizeDesktopContentC04,
+    // fontSizeDesktopTitleT7,
+    // fontSizeDesktopTitleT8,
+    // fontSizeDesktopTitleT2,
+    // fontSizeDesktopTitleT5,
+    // fontSizeDesktopTitleT3,
+    // fontSizeDesktopTitleT4,
+    // fontSizeDesktopTitleT10,
+    // fontSizeMobileContentC04,
+    // fontSizeMobileContentC05,
+    // fontSizeMobileContentC11,
+    fontSizeMobileContentC12,
+    fontSizeMobileContentC13,
+    fontSizeMobileContentC14,
+    // fontSizeMobileContentC15,
+    // fontSizeMobileContentC21,
+    // fontSizeMobileTitleT12,
+    // fontSizeMobileTitleT13,
+    // fontSizeMobileTitleT14,
+    fontSizeMobileTitleT15,
+    fontSizeMobileTitleT21,
+    fontSizeMobileTitleT23,
+    // fontSizeMobileTitleT24,
+    // fontSizeMobileTitleT25,
+    fontSizeMobileTitleT32,
+    // fontSizeMobileTitleT34,
+    fontSizeMobileTitleT41,
+    // fontSizeMobileTitleT45,
+    // fontSizeMobileNavigation,
+    // fontFamilyPromaryRegular,
+    // fontFamilyPromarySemiBold,
+    fontFamilyPromaryBold,
+    fontFamilySecondaryRegular,
+    fontFamilySecondarySemiBold,
+    fontFamilySecondaryBold
+  } = import_designTokens.otherDesignTokens;
+  const fontFamilyMap = {
+    fontFamilyPromaryRegular: "Regular",
+    fontFamilyPromarySemiBold: "SemiBold",
+    fontFamilyPromaryBold: "Bold",
+    fontFamilySecondaryRegular: "Regular",
+    fontFamilySecondarySemiBold: "SemiBold",
+    fontFamilySecondaryBold: "Bold"
+  };
+  const useCustomButtonStyle = () => {
+    const hashId = (0, import_cssinjs.useStyleRegister)({
+      theme: import_theme.theme,
+      token: { baseColor: "blue" },
+      path: [`${prefixCls}-size`]
+    }, () => `
+      .${prefixCls}-mobile.${prefixCls}-size-TitleT41Bold {
+        font-size: ${fontSizeMobileTitleT41};
+        line-height: 1.2;
+        font-family: ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        // font-family:  ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-TitleT32Bold {
+        font-size: ${fontSizeMobileTitleT32};
+        line-height: 1.2;
+        font-family: ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-TitleT23Bold {
+        font-size: ${fontSizeMobileTitleT23};
+        line-height: 1.2;
+        font-family: ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-TitleT21Bold {
+        font-size: ${fontSizeMobileTitleT21};
+        line-height: 1.25;
+        font-family: ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-TitleT15Bold {
+        font-size: ${fontSizeMobileTitleT15};
+        line-height: 1.25;
+        font-family: ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC14Bold {
+        font-size: ${fontSizeMobileContentC14};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC14Regular {
+        font-size: ${fontSizeMobileContentC14};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC14Strikethrough {
+        color: #757575;
+        font-size: ${fontSizeMobileContentC14};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        text-decoration: line-through;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC14TextLink {
+        color: #4E28E8;
+        font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeMobileContentC14};
+        line-height: 1.5;
+        text-decoration: underline;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC13Bold {
+        font-size: ${fontSizeMobileContentC13};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC13Regular {
+        font-size: ${fontSizeMobileContentC13};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC13Strikethrough {
+        color: #757575;
+        font-size: ${fontSizeMobileContentC13};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        text-decoration: line-through;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC13TextLink {
+        color: #4E28E8;
+        font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeMobileContentC13};
+        line-height: 1.5;
+        text-decoration: underline;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC12Regular {
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        font-size: ${fontSizeMobileContentC12};
+        line-height: 1.5;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC12Strikethrough {
+        color: #757575;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        font-size: ${fontSizeMobileContentC12};
+        line-height: 1.5;
+        text-decoration: line-through;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC12SemiBold {
+        font-family: ${fontFamilySecondarySemiBold}-${fontFamilyMap.fontFamilySecondarySemiBold};
+        font-weight: bold;
+        font-size: ${fontSizeMobileContentC12};
+        line-height: 1.5;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC12Bold {
+        font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeMobileContentC12};
+        line-height: 1.5;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-mobile.${prefixCls}-size-ContentC12TextLink  {
+        color: #4E28E8;
+        font-family: ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeMobileContentC12};
+        line-height: 1.5;
+        text-decoration: underline;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-TitleT41Bold {
+        font-size: ${fontSizeDesktopTitleT41};
+        line-height: 1.2;
+        font-family: ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-TitleT32Bold {
+        font-size: ${fontSizeDesktopTitleT32};
+        line-height: 1.2;
+        font-family:  ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-TitleT23Bold {
+        font-size: ${fontSizeDesktopTitleT23};
+        line-height: 1.2;
+        font-family:  ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-TitleT21Bold {
+        font-size: ${fontSizeDesktopTitleT21};
+        line-height: 1.25;
+        font-family:  ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-TitleT15Bold {
+        font-size: ${fontSizeDesktopTitleT15};
+        line-height: 1.25;
+        font-family:  ${fontFamilyPromaryBold}-${fontFamilyMap.fontFamilyPromaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC14Bold {
+        font-size: ${fontSizeDesktopContentC14};
+        line-height: 1.5;
+        font-family:  ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC14Regular {
+        font-size: ${fontSizeDesktopContentC14};
+        line-height: 1.5;
+        font-family:  ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC14Strikethrough {
+        color: #757575;
+        font-size: ${fontSizeDesktopContentC14};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        text-decoration: line-through;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC14TextLink {
+        color: #4E28E8;
+        font-family:  ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeDesktopContentC14};
+        line-height: 1.5;
+        text-decoration: underline;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC13Bold {
+        font-size: ${fontSizeDesktopContentC13};
+        line-height: 1.5;
+        font-family:  ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC13Regular {
+        font-size: ${fontSizeDesktopContentC13};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC13Strikethrough {
+        color: #757575;
+        font-size: ${fontSizeDesktopContentC13};
+        line-height: 1.5;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        text-decoration: line-through;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC13TextLink {
+        color: #4E28E8;
+        font-family:  ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeDesktopContentC13};
+        line-height: 1.5;
+        text-decoration: underline;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC12Regular {
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        font-size: ${fontSizeDesktopContentC12};
+        line-height: 1.5;
+        letter-spacing: 0.1px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC12Strikethrough {
+        color: #757575;
+        font-family: ${fontFamilySecondaryRegular}-${fontFamilyMap.fontFamilySecondaryRegular};
+        font-weight: normal;
+        font-size: ${fontSizeDesktopContentC12};
+        line-height: 1.5;
+        text-decoration: line-through;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC12SemiBold {
+        font-family: ${fontFamilySecondarySemiBold}-${fontFamilyMap.fontFamilySecondarySemiBold};
+        font-weight: bold;
+        font-size: ${fontSizeDesktopContentC12};
+        line-height: 1.5;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC12Bold {
+        font-family:  ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeDesktopContentC12};
+        line-height: 1.5;
+        letter-spacing: 0.2px;
+      }
+      .${prefixCls}-desktop.${prefixCls}-size-ContentC12TextLink  {
+        color: #4E28E8;
+        font-family:  ${fontFamilySecondaryBold}-${fontFamilyMap.fontFamilySecondaryBold};
+        font-weight: bold;
+        font-size: ${fontSizeDesktopContentC12};
+        line-height: 1.5;
+        text-decoration: underline;
+        letter-spacing: 0.2px;
+      }
+    `);
+    return hashId;
+  };
+  useCustomButtonStyle();
+  const baseProps = {
+    className: (0, import_classnames.default)(
+      prefixCls,
+      {
+        [`${prefixCls}-size-${size}`]: size
+      },
+      breakpoint === "Desktop" ? `${prefixCls}-desktop` : `${prefixCls}-mobile`,
+      className
+    ),
+    style
+  };
+  return /* @__PURE__ */ import_react.default.createElement(
+    "span",
+    __spreadValues(__spreadValues({}, baseProps), attr),
+    children
+  );
+};
+var Text_default = Text;

package/lib/components/Text/style/index.less

@@ -0,0 +1,2 @@
+
+@import './variables.less';

package/lib/components/Text/style/variables.less

@@ -0,0 +1,4 @@
+
+@import '../../../style/variables.less';
+
+@btn-primary-bg-default: var(--base-color-primary);

package/lib/components/TextInputInside/designTokens.d.ts

@@ -0,0 +1,38 @@
+declare const designTokens: {
+    borderRadius: any;
+    paddingInline: any;
+    colorText: any;
+    colorBorder: string;
+    hoverBorderColor: string;
+    activeBorderColor: string;
+    activeShadow: string;
+    colorError: string;
+    colorBgContainer: any;
+    colorBgContainerDisabled: any;
+};
+declare const otherDesignTokens: {
+    hoverBorderColor: any;
+    activeBorderColor: any;
+    paddingBlock: any;
+    colorLabelActive: any;
+    colorLabel: any;
+    width: string;
+    colorError: any;
+    iconPaddingLeft: any;
+    colorInputIconStandard: any;
+    spacingInputTextHintMessagePaddingTop: any;
+    colorInputTextHintMessage: any;
+    colorInputTextCounter: any;
+    colorErrorBorder: any;
+    colorInputBackgroundHaze: any;
+};
+declare const commonToken: {
+    [x: string]: string | number;
+};
+declare const styleToken: {
+    [x: string]: string;
+};
+declare const stickyStyleToken: {
+    [x: string]: string;
+};
+export { designTokens, otherDesignTokens, styleToken, stickyStyleToken, commonToken };

package/lib/components/TextInputInside/designTokens.js

@@ -0,0 +1,100 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/TextInputInside/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  commonToken: () => commonToken,
+  designTokens: () => designTokens,
+  otherDesignTokens: () => otherDesignTokens,
+  stickyStyleToken: () => stickyStyleToken,
+  styleToken: () => styleToken
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var import_constants = require("../../constants");
+var prefixCls = import_constants.cssClasses.PREFIX + "-modal";
+var designTokens = {
+  borderRadius: (0, import_tokenHelper.getToken)("borderRadiusInput"),
+  // 圆角
+  // paddingBlock: getToken('spacingInputPaddingVertical'), // 纵向内边距
+  paddingInline: (0, import_tokenHelper.getToken)("spacingInputPaddingHorizontal"),
+  // 横向内边距
+  colorText: (0, import_tokenHelper.getToken)("colorInputTextActive"),
+  // 内容文本颜色
+  colorBorder: "transparent",
+  // 边框颜色
+  hoverBorderColor: "transparent",
+  // 边框颜色
+  activeBorderColor: "transparent",
+  // 边框颜色
+  activeShadow: "",
+  // 边框shadow颜色
+  colorError: "transparent",
+  // 错误边框颜色
+  colorBgContainer: (0, import_tokenHelper.getToken)("colorInputBackground"),
+  // 背景颜色
+  colorBgContainerDisabled: (0, import_tokenHelper.getToken)("colorInputBackgroundHaze")
+  // 背景颜色
+};
+var otherDesignTokens = {
+  hoverBorderColor: (0, import_tokenHelper.getToken)("colorInputBorderActive"),
+  // hover边框颜色
+  activeBorderColor: (0, import_tokenHelper.getToken)("colorInputBorderActive"),
+  // active边框颜色
+  paddingBlock: (0, import_tokenHelper.getToken)("spacingInputPaddingVerticalLg"),
+  // 纵向内边距
+  colorLabelActive: (0, import_tokenHelper.getToken)("colorInputTextLabelActive"),
+  // label激活状态的颜色
+  colorLabel: (0, import_tokenHelper.getToken)("colorInputTextLabel"),
+  // label文本颜色
+  width: `calc(100vw - ${(0, import_tokenHelper.getToken)("spacingModalPaddingHorizontal")}px - ${(0, import_tokenHelper.getToken)("spacingModalPaddingHorizontal")}px)`,
+  // 宽度
+  colorError: (0, import_tokenHelper.getToken)("colorInputTextError"),
+  // 错误信息文本颜色
+  iconPaddingLeft: (0, import_tokenHelper.getToken)("spacingInputIconPaddingLeft"),
+  // 错误信息文本颜色
+  colorInputIconStandard: (0, import_tokenHelper.getToken)("colorInputIconStandard"),
+  // 标准icon颜色
+  spacingInputTextHintMessagePaddingTop: (0, import_tokenHelper.getToken)("spacingInputTextHintMessagePaddingTop"),
+  // 错误信息文本颜色
+  colorInputTextHintMessage: (0, import_tokenHelper.getToken)("colorInputTextHintMessage"),
+  // 信息文本颜色
+  colorInputTextCounter: (0, import_tokenHelper.getToken)("colorInputTextCounter"),
+  // 字数统计文本颜色
+  colorErrorBorder: (0, import_tokenHelper.getToken)("colorInputBorderError"),
+  // error颜色
+  colorInputBackgroundHaze: (0, import_tokenHelper.getToken)("colorInputBackgroundHaze")
+  // 背景颜色
+};
+var commonToken = {
+  [`--${prefixCls}-header-margin-bottom`]: 0,
+  [`--${prefixCls}-footer-margin-top`]: 0,
+  [`--${prefixCls}-footer-padding`]: `${(0, import_tokenHelper.getToken)("spacingModalButtonPaddingTop")}px 0 0`,
+  [`--${prefixCls}-body-padding`]: `${(0, import_tokenHelper.getToken)("spacingModalCardVerticalGap")}px 0`
+};
+var styleToken = {
+  [`--${prefixCls}-content-padding`]: `${(0, import_tokenHelper.getToken)("spacingModalCardPaddingTop")}px ${(0, import_tokenHelper.getToken)("spacingModalCardPaddingHorizontal")}px ${(0, import_tokenHelper.getToken)("spacingModalCardPaddingBottom")}px ${(0, import_tokenHelper.getToken)("spacingModalCardPaddingHorizontal")}px`,
+  [`--${prefixCls}-footer-border-top`]: "none",
+  [`--${prefixCls}-footer-padding`]: "0px"
+};
+var stickyStyleToken = {
+  [`--${prefixCls}-content-padding`]: `${(0, import_tokenHelper.getToken)("spacingModalCardPaddingTop")}px ${(0, import_tokenHelper.getToken)("spacingModalCardPaddingHorizontal")}px ${40 + (0, import_tokenHelper.getToken)("spacingModalButtonStickyPaddingVertical") + (0, import_tokenHelper.getToken)("spacingModalButtonStickyPaddingHorizontal")}px ${(0, import_tokenHelper.getToken)("spacingModalCardPaddingHorizontal")}px`,
+  [`--${prefixCls}-footer-padding`]: `${(0, import_tokenHelper.getToken)("spacingModalButtonStickyPaddingVertical")}px ${(0, import_tokenHelper.getToken)("spacingModalButtonStickyPaddingHorizontal")}px`,
+  [`--${prefixCls}-footer-border-top`]: "1px solid #E1E1E1"
+};

package/lib/components/TextInputInside/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './style/index.less';
+export type InputType = 'default' | 'search' | 'link' | 'image' | 'counter';
+export interface TextInputInsideProps {
+    type?: InputType;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+declare const TextInputInside: (props: TextInputInsideProps) => React.JSX.Element;
+export default TextInputInside;