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

package/es/components/Tag/designTokens.js

@@ -0,0 +1,124 @@
+import { getToken } from "../../utils/tokenHelper";
+var designTokens = {
+  borderRadiusSM: getToken('borderRadiusTag') // 圆角
+};
+var designTokensPrimary = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: getToken('colorTagBackgroundPrimary'),
+  // 背景色
+  colorBorder: getToken('colorTagBackgroundPrimary') // 边框
+};
+var designTokensSecondary = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: getToken('colorTagBackgroundSecondary'),
+  // 背景色
+  colorBorder: getToken('colorTagBackgroundSecondary') // 边框
+};
+var designTokensBlueLight = {
+  colorText: '#3434E1',
+  // 文本颜色
+  defaultBg: '#EBEBFC',
+  // 背景色
+  colorBorder: '#EBEBFC' // 边框
+};
+var designTokensGreenLight = {
+  colorText: '#00BC6F',
+  // 文本颜色
+  defaultBg: '#E8FBF3',
+  // 背景色
+  colorBorder: '#E8FBF3' // 边框
+};
+var designTokensYellowLight = {
+  colorText: '#FFC300',
+  // 文本颜色
+  defaultBg: '#FFF8E5',
+  // 背景色
+  colorBorder: '#FFF8E5' // 边框
+};
+var designTokensRedLight = {
+  colorText: '#FA2C2C',
+  // 文本颜色
+  defaultBg: '#FFEAEA',
+  // 背景色
+  colorBorder: '#FFEAEA' // 边框
+};
+var designTokensGreyLight = {
+  colorText: '#545454',
+  // 文本颜色
+  defaultBg: '#E6E6E6',
+  // 背景色
+  colorBorder: '#E6E6E6' // 边框
+};
+var designTokensLakeblueLight = {
+  colorText: '#1482CC',
+  // 文本颜色
+  defaultBg: '#E8F6FF',
+  // 背景色
+  colorBorder: '#E8F6FF' // 边框
+};
+var designTokensOrangeLight = {
+  colorText: '#FF8D1B',
+  // 文本颜色
+  defaultBg: '#FFF4E9',
+  // 背景色
+  colorBorder: '#FFF4E9' // 边框
+};
+var designTokensBlue = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#3434E1',
+  // 背景色
+  colorBorder: '#3434E1' // 边框
+};
+var designTokensGreen = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#00BC6F',
+  // 背景色
+  colorBorder: '#00BC6F' // 边框
+};
+var designTokensYellow = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#FFC300',
+  // 背景色
+  colorBorder: '#FFC300' // 边框
+};
+var designTokensRed = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#FA2C2C',
+  // 背景色
+  colorBorder: '#FA2C2C' // 边框
+};
+var designTokensGrey = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#B5B5B5',
+  // 背景色
+  colorBorder: '#B5B5B5' // 边框
+};
+var designTokensLakeblue = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#1482CC',
+  // 背景色
+  colorBorder: '#1482CC' // 边框
+};
+var designTokensOrange = {
+  colorText: getToken('colorTagText'),
+  // 文本颜色
+  defaultBg: '#FF8D1B',
+  // 背景色
+  colorBorder: '#FF8D1B' // 边框
+};
+var otherDesignTokens = {
+  padding: "0 ".concat(getToken('spacingTagPaddingHorizontal'), "px"),
+  // 内边距
+  sizingTagShort: "".concat(getToken('sizingTagShort'), "px"),
+  sizingTagTall: "".concat(getToken('sizingTagTall'), "px"),
+  sizingTagTallLg: "".concat(getToken('sizingTagTallLg'), "px")
+};
+export { designTokens, otherDesignTokens, designTokensPrimary, designTokensSecondary, designTokensBlue, designTokensGrey, designTokensGreen, designTokensRed, designTokensYellow, designTokensOrange, designTokensLakeblue, designTokensBlueLight, designTokensGreyLight, designTokensGreenLight, designTokensRedLight, designTokensYellowLight, designTokensOrangeLight, designTokensLakeblueLight };

package/es/components/Tag/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './style/index.less';
+export type types = 'primary' | 'secondary' | 'blue' | 'green' | 'yellow' | 'red' | 'grey' | 'lakeblue' | 'orange';
+export type size = 'short' | 'tall' | 'tallLg';
+export interface TagProps {
+    prefixCls?: string;
+    children?: React.ReactNode;
+    types?: types;
+    style?: React.CSSProperties;
+    inverse?: boolean;
+    block?: boolean;
+    [key: string]: any;
+}
+declare const Tag: (props: TagProps) => React.JSX.Element;
+export default Tag;

package/es/components/Tag/index.js

@@ -0,0 +1,85 @@
+import "antd/es/config-provider/style";
+import _ConfigProvider from "antd/es/config-provider";
+import "antd/es/tag/style";
+import _Tag from "antd/es/tag";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["types", "size", "light", "children", "prefixCls", "block", "style"];
+import React from 'react';
+import { designTokens, otherDesignTokens, designTokensPrimary, designTokensSecondary, designTokensBlue, designTokensGrey, designTokensGreen, designTokensRed, designTokensYellow, designTokensOrange, designTokensLakeblue, designTokensBlueLight, designTokensGreyLight, designTokensGreenLight, designTokensRedLight, designTokensYellowLight, designTokensOrangeLight, designTokensLakeblueLight } from "./designTokens";
+import { BASE_CLASS_PREFIX } from "../../constants";
+import Text from "../Text";
+import "./style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Tag = function Tag(props) {
+  var _props$types = props.types,
+    types = _props$types === void 0 ? 'primary' : _props$types,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'short' : _props$size,
+    _props$light = props.light,
+    light = _props$light === void 0 ? false : _props$light,
+    children = props.children,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? 'tag' : _props$prefixCls,
+    _props$block = props.block,
+    block = _props$block === void 0 ? false : _props$block,
+    style = props.style,
+    attr = _objectWithoutProperties(props, _excluded);
+  var padding = otherDesignTokens.padding,
+    sizingTagShort = otherDesignTokens.sizingTagShort,
+    sizingTagTall = otherDesignTokens.sizingTagTall,
+    sizingTagTallLg = otherDesignTokens.sizingTagTallLg;
+  var getTagSize = function getTagSize(s) {
+    switch (s) {
+      case 'tall':
+        return sizingTagTall;
+      case 'tallLg':
+        return sizingTagTallLg;
+      default:
+        return sizingTagShort;
+    }
+  };
+  var getType = function getType(t) {
+    switch (t) {
+      case 'secondary':
+        return designTokensSecondary;
+      case 'blue':
+        return light ? designTokensBlueLight : designTokensBlue;
+      case 'green':
+        return light ? designTokensGreenLight : designTokensGreen;
+      case 'red':
+        return light ? designTokensRedLight : designTokensRed;
+      case 'orange':
+        return light ? designTokensOrangeLight : designTokensOrange;
+      case 'grey':
+        return light ? designTokensGreyLight : designTokensGrey;
+      case 'lakeblue':
+        return light ? designTokensLakeblueLight : designTokensLakeblue;
+      case 'yellow':
+        return light ? designTokensYellowLight : designTokensYellow;
+      default:
+        return designTokensPrimary;
+    }
+  };
+  return /*#__PURE__*/_jsx(_ConfigProvider, {
+    prefixCls: BASE_CLASS_PREFIX,
+    theme: {
+      components: {
+        Tag: _objectSpread(_objectSpread({}, designTokens), getType(types))
+      }
+    },
+    children: /*#__PURE__*/_jsx(_Tag, _objectSpread(_objectSpread({}, attr), {}, {
+      className: "".concat(BASE_CLASS_PREFIX, "-").concat(prefixCls),
+      style: _objectSpread({
+        padding: padding,
+        height: getTagSize(size),
+        width: block ? '100%' : 'auto'
+      }, style),
+      children: /*#__PURE__*/_jsx(Text, {
+        size: "ContentC12SemiBold",
+        children: children
+      })
+    }))
+  });
+};
+export default Tag;

package/es/components/Tag/style/index.less

@@ -0,0 +1,9 @@
+
+@import './variables.less';
+
+@components: tag;
+.@{prefix}-@{components}{
+  display: flex;
+  align-items: center;
+  white-space: nowrap;
+}

package/es/components/Tag/style/variables.less

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

package/es/components/Text/designTokens.d.ts

@@ -0,0 +1,51 @@
+declare const otherDesignTokens: {
+    fontSizeDesktopTitleT23: string;
+    fontSizeDesktopContentC15: string;
+    fontSizeDesktopContentC21: string;
+    fontSizeDesktopTitleT21: string;
+    fontSizeDesktopTitleT15: string;
+    fontSizeDesktopContentC13: string;
+    fontSizeDesktopContentC11: string;
+    fontSizeDesktopContentC12: string;
+    fontSizeDesktopContentC14: string;
+    fontSizeDesktopTitleT1: string;
+    fontSizeDesktopTitleT32: string;
+    fontSizeDesktopTitleT41: string;
+    fontSizeDesktopContentC05: string;
+    fontSizeDesktopContentC04: string;
+    fontSizeDesktopTitleT7: string;
+    fontSizeDesktopTitleT8: string;
+    fontSizeDesktopTitleT2: string;
+    fontSizeDesktopTitleT5: string;
+    fontSizeDesktopTitleT3: string;
+    fontSizeDesktopTitleT4: string;
+    fontSizeDesktopTitleT10: string;
+    fontSizeMobileContentC04: string;
+    fontSizeMobileContentC05: string;
+    fontSizeMobileContentC11: string;
+    fontSizeMobileContentC12: string;
+    fontSizeMobileContentC13: string;
+    fontSizeMobileContentC14: string;
+    fontSizeMobileContentC15: string;
+    fontSizeMobileContentC21: string;
+    fontSizeMobileTitleT12: string;
+    fontSizeMobileTitleT13: string;
+    fontSizeMobileTitleT14: string;
+    fontSizeMobileTitleT15: string;
+    fontSizeMobileTitleT21: string;
+    fontSizeMobileTitleT23: string;
+    fontSizeMobileTitleT24: string;
+    fontSizeMobileTitleT25: string;
+    fontSizeMobileTitleT32: string;
+    fontSizeMobileTitleT34: string;
+    fontSizeMobileTitleT41: string;
+    fontSizeMobileTitleT45: string;
+    fontSizeMobileNavigation: string;
+    fontFamilyPromaryRegular: any;
+    fontFamilyPromarySemiBold: any;
+    fontFamilyPromaryBold: any;
+    fontFamilySecondaryRegular: any;
+    fontFamilySecondarySemiBold: any;
+    fontFamilySecondaryBold: any;
+};
+export { otherDesignTokens };

package/es/components/Text/designTokens.js

@@ -0,0 +1,52 @@
+import { getToken } from "../../utils/tokenHelper";
+var otherDesignTokens = {
+  fontSizeDesktopTitleT23: "".concat(getToken('fontSizeDesktopTitleT23'), "px"),
+  fontSizeDesktopContentC15: "".concat(getToken('fontSizeDesktopContentC15'), "px"),
+  fontSizeDesktopContentC21: "".concat(getToken('fontSizeDesktopContentC21'), "px"),
+  fontSizeDesktopTitleT21: "".concat(getToken('fontSizeDesktopTitleT21'), "px"),
+  fontSizeDesktopTitleT15: "".concat(getToken('fontSizeDesktopTitleT15'), "px"),
+  fontSizeDesktopContentC13: "".concat(getToken('fontSizeDesktopContentC13'), "px"),
+  fontSizeDesktopContentC11: "".concat(getToken('fontSizeDesktopContentC11'), "px"),
+  fontSizeDesktopContentC12: "".concat(getToken('fontSizeDesktopContentC12'), "px"),
+  fontSizeDesktopContentC14: "".concat(getToken('fontSizeDesktopContentC14'), "px"),
+  fontSizeDesktopTitleT1: "".concat(getToken('fontSizeDesktopTitleT1'), "px"),
+  fontSizeDesktopTitleT32: "".concat(getToken('fontSizeDesktopTitleT32'), "px"),
+  fontSizeDesktopTitleT41: "".concat(getToken('fontSizeDesktopTitleT41'), "px"),
+  fontSizeDesktopContentC05: "".concat(getToken('fontSizeDesktopContentC05'), "px"),
+  fontSizeDesktopContentC04: "".concat(getToken('fontSizeDesktopContentC04'), "px"),
+  fontSizeDesktopTitleT7: "".concat(getToken('fontSizeDesktopTitleT7'), "px"),
+  fontSizeDesktopTitleT8: "".concat(getToken('fontSizeDesktopTitleT8'), "px"),
+  fontSizeDesktopTitleT2: "".concat(getToken('fontSizeDesktopTitleT2'), "px"),
+  fontSizeDesktopTitleT5: "".concat(getToken('fontSizeDesktopTitleT5'), "px"),
+  fontSizeDesktopTitleT3: "".concat(getToken('fontSizeDesktopTitleT3'), "px"),
+  fontSizeDesktopTitleT4: "".concat(getToken('fontSizeDesktopTitleT4'), "px"),
+  fontSizeDesktopTitleT10: "".concat(getToken('fontSizeDesktopTitleT10'), "px"),
+  fontSizeMobileContentC04: "".concat(getToken('fontSizeMobileContentC04'), "px"),
+  fontSizeMobileContentC05: "".concat(getToken('fontSizeMobileContentC05'), "px"),
+  fontSizeMobileContentC11: "".concat(getToken('fontSizeMobileContentC11'), "px"),
+  fontSizeMobileContentC12: "".concat(getToken('fontSizeMobileContentC12'), "px"),
+  fontSizeMobileContentC13: "".concat(getToken('fontSizeMobileContentC13'), "px"),
+  fontSizeMobileContentC14: "".concat(getToken('fontSizeMobileContentC14'), "px"),
+  fontSizeMobileContentC15: "".concat(getToken('fontSizeMobileContentC15'), "px"),
+  fontSizeMobileContentC21: "".concat(getToken('fontSizeMobileContentC21'), "px"),
+  fontSizeMobileTitleT12: "".concat(getToken('fontSizeMobileTitleT12'), "px"),
+  fontSizeMobileTitleT13: "".concat(getToken('fontSizeMobileTitleT13'), "px"),
+  fontSizeMobileTitleT14: "".concat(getToken('fontSizeMobileTitleT14'), "px"),
+  fontSizeMobileTitleT15: "".concat(getToken('fontSizeMobileTitleT15'), "px"),
+  fontSizeMobileTitleT21: "".concat(getToken('fontSizeMobileTitleT21'), "px"),
+  fontSizeMobileTitleT23: "".concat(getToken('fontSizeMobileTitleT23'), "px"),
+  fontSizeMobileTitleT24: "".concat(getToken('fontSizeMobileTitleT24'), "px"),
+  fontSizeMobileTitleT25: "".concat(getToken('fontSizeMobileTitleT25'), "px"),
+  fontSizeMobileTitleT32: "".concat(getToken('fontSizeMobileTitleT32'), "px"),
+  fontSizeMobileTitleT34: "".concat(getToken('fontSizeMobileTitleT34'), "px"),
+  fontSizeMobileTitleT41: "".concat(getToken('fontSizeMobileTitleT41'), "px"),
+  fontSizeMobileTitleT45: "".concat(getToken('fontSizeMobileTitleT45'), "px"),
+  fontSizeMobileNavigation: "".concat(getToken('fontSizeMobileNavigation'), "px"),
+  fontFamilyPromaryRegular: getToken('fontFamilyPromaryRegular'),
+  fontFamilyPromarySemiBold: getToken('fontFamilyPromarySemiBold'),
+  fontFamilyPromaryBold: getToken('fontFamilyPromaryBold'),
+  fontFamilySecondaryRegular: getToken('fontFamilySecondaryRegular'),
+  fontFamilySecondarySemiBold: getToken('fontFamilySecondarySemiBold'),
+  fontFamilySecondaryBold: getToken('fontFamilySecondaryBold')
+};
+export { otherDesignTokens };

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

@@ -1,32 +1,13 @@
-import React, { PureComponent } from 'react';
-import { noop } from '../../utils/noop';
-import './style/text.less';
-export type Size = 'bannerTitle' | 'pageTitle' | 'sectionTitle' | 'header' | 'bodyBold' | 'bodyRegular' | 'bodyStrikethrough' | 'smallbodyRegular' | 'smallBodyStrikethrough' | 'smallBodySemiBold' | 'smallBodyBold' | 'smallBodyLink' | 'textLink' | 'mediumBody' | 'mediumBodyBold';
-export interface xDXpProps {
-    'x-dxp-prop'?: string;
-}
-export interface TextProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
+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;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseDown?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
-    onMouseLeave?: React.MouseEventHandler<HTMLButtonElement>;
-    'aria-label'?: React.AriaAttributes['aria-label'];
-    'x-dxp-children-alias'?: string;
     [key: string]: any;
 }
-export default class Text extends PureComponent<TextProps> {
-    static defaultProps: {
-        size: string;
-        onMouseDown: typeof noop;
-        onClick: typeof noop;
-        onMouseEnter: typeof noop;
-        onMouseLeave: typeof noop;
-        prefixCls: string;
-    };
-    render(): React.JSX.Element;
-}
+declare const Text: (props: TextProps) => React.JSX.Element;
+export default Text;

package/es/components/Text/index.js

@@ -1,60 +1,73 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["children", "className", "size", "prefixCls", "style"];
-/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { PureComponent } from 'react';
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["children", "className", "size", "prefixCls", "style", "breakpoint"];
+import React from 'react';
 import { default as classNames } from 'classnames';
-import { omit } from 'lodash';
+import { useStyleRegister } from '@ant-design/cssinjs';
+import { theme } from "../../utils/theme";
+import { otherDesignTokens } from "./designTokens";
 import { cssClasses } from "../../constants";
-import { noop } from "../../utils/noop";
-import "./style/text.less";
-var Text = /*#__PURE__*/function (_PureComponent) {
-  _inherits(Text, _PureComponent);
-  var _super = _createSuper(Text);
-  function Text() {
-    _classCallCheck(this, Text);
-    return _super.apply(this, arguments);
-  }
-  _createClass(Text, [{
-    key: "render",
-    value: function render() {
-      var _this$props = this.props,
-        children = _this$props.children,
-        className = _this$props.className,
-        size = _this$props.size,
-        prefixCls = _this$props.prefixCls,
-        style = _this$props.style,
-        attr = _objectWithoutProperties(_this$props, _excluded);
-      var baseProps = _objectSpread(_objectSpread({}, omit(attr, ['x-gemo-children-alias'])), {}, {
-        className: classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-size-").concat(size), size), className),
-        style: style
-      });
-      var xDXpProps = {};
-      if (!(className && className.includes('-with-icon'))) {
-        xDXpProps['x-dxp-prop'] = 'children';
-      }
-      return /*#__PURE__*/React.createElement("span", _extends({
-        onClick: this.props.onClick
-      }, xDXpProps, baseProps, {
-        onMouseDown: this.props.onMouseDown
-      }), children);
-    }
-  }]);
-  return Text;
-}(PureComponent);
-_defineProperty(Text, "defaultProps", {
-  size: 'bodyBold',
-  onMouseDown: noop,
-  onClick: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
-  prefixCls: cssClasses.PREFIX + '-text'
-});
-export { Text as default };
-//# sourceMappingURL=index.js.map
+import "./style/index.less";
+import { jsx as _jsx } from "react/jsx-runtime";
+var Text = function Text(props) {
+  var children = props.children,
+    className = props.className,
+    _props$size = props.size,
+    size = _props$size === void 0 ? 'ContentC14Bold' : _props$size,
+    _props$prefixCls = props.prefixCls,
+    prefixCls = _props$prefixCls === void 0 ? cssClasses.PREFIX + '-text' : _props$prefixCls,
+    style = props.style,
+    _props$breakpoint = props.breakpoint,
+    breakpoint = _props$breakpoint === void 0 ? 'Mobile' : _props$breakpoint,
+    attr = _objectWithoutProperties(props, _excluded);
+  var fontSizeDesktopTitleT23 = otherDesignTokens.fontSizeDesktopTitleT23,
+    fontSizeDesktopTitleT21 = otherDesignTokens.fontSizeDesktopTitleT21,
+    fontSizeDesktopTitleT15 = otherDesignTokens.fontSizeDesktopTitleT15,
+    fontSizeDesktopContentC13 = otherDesignTokens.fontSizeDesktopContentC13,
+    fontSizeDesktopContentC12 = otherDesignTokens.fontSizeDesktopContentC12,
+    fontSizeDesktopContentC14 = otherDesignTokens.fontSizeDesktopContentC14,
+    fontSizeDesktopTitleT32 = otherDesignTokens.fontSizeDesktopTitleT32,
+    fontSizeDesktopTitleT41 = otherDesignTokens.fontSizeDesktopTitleT41,
+    fontSizeMobileContentC12 = otherDesignTokens.fontSizeMobileContentC12,
+    fontSizeMobileContentC13 = otherDesignTokens.fontSizeMobileContentC13,
+    fontSizeMobileContentC14 = otherDesignTokens.fontSizeMobileContentC14,
+    fontSizeMobileTitleT15 = otherDesignTokens.fontSizeMobileTitleT15,
+    fontSizeMobileTitleT21 = otherDesignTokens.fontSizeMobileTitleT21,
+    fontSizeMobileTitleT23 = otherDesignTokens.fontSizeMobileTitleT23,
+    fontSizeMobileTitleT32 = otherDesignTokens.fontSizeMobileTitleT32,
+    fontSizeMobileTitleT41 = otherDesignTokens.fontSizeMobileTitleT41,
+    fontFamilyPromaryBold = otherDesignTokens.fontFamilyPromaryBold,
+    fontFamilySecondaryRegular = otherDesignTokens.fontFamilySecondaryRegular,
+    fontFamilySecondarySemiBold = otherDesignTokens.fontFamilySecondarySemiBold,
+    fontFamilySecondaryBold = otherDesignTokens.fontFamilySecondaryBold;
+  var fontFamilyMap = {
+    fontFamilyPromaryRegular: "Regular",
+    fontFamilyPromarySemiBold: "SemiBold",
+    fontFamilyPromaryBold: "Bold",
+    fontFamilySecondaryRegular: "Regular",
+    fontFamilySecondarySemiBold: "SemiBold",
+    fontFamilySecondaryBold: "Bold"
+  };
+  var useCustomButtonStyle = function useCustomButtonStyle() {
+    var hashId = useStyleRegister({
+      theme: theme,
+      token: {
+        baseColor: 'blue'
+      },
+      path: ["".concat(prefixCls, "-size")]
+    }, function () {
+      return "\n      .".concat(prefixCls, "-mobile.").concat(prefixCls, "-size-TitleT41Bold {\n        font-size: ").concat(fontSizeMobileTitleT41, ";\n        line-height: 1.2;\n        font-family: ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        // font-family:  ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-TitleT32Bold {\n        font-size: ").concat(fontSizeMobileTitleT32, ";\n        line-height: 1.2;\n        font-family: ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-TitleT23Bold {\n        font-size: ").concat(fontSizeMobileTitleT23, ";\n        line-height: 1.2;\n        font-family: ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-TitleT21Bold {\n        font-size: ").concat(fontSizeMobileTitleT21, ";\n        line-height: 1.25;\n        font-family: ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-TitleT15Bold {\n        font-size: ").concat(fontSizeMobileTitleT15, ";\n        line-height: 1.25;\n        font-family: ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC14Bold {\n        font-size: ").concat(fontSizeMobileContentC14, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC14Regular {\n        font-size: ").concat(fontSizeMobileContentC14, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC14Strikethrough {\n        color: #757575;\n        font-size: ").concat(fontSizeMobileContentC14, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        text-decoration: line-through;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC14TextLink {\n        color: #4E28E8;\n        font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeMobileContentC14, ";\n        line-height: 1.5;\n        text-decoration: underline;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC13Bold {\n        font-size: ").concat(fontSizeMobileContentC13, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC13Regular {\n        font-size: ").concat(fontSizeMobileContentC13, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC13Strikethrough {\n        color: #757575;\n        font-size: ").concat(fontSizeMobileContentC13, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        text-decoration: line-through;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC13TextLink {\n        color: #4E28E8;\n        font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeMobileContentC13, ";\n        line-height: 1.5;\n        text-decoration: underline;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC12Regular {\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        font-size: ").concat(fontSizeMobileContentC12, ";\n        line-height: 1.5;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC12Strikethrough {\n        color: #757575;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        font-size: ").concat(fontSizeMobileContentC12, ";\n        line-height: 1.5;\n        text-decoration: line-through;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC12SemiBold {\n        font-family: ").concat(fontFamilySecondarySemiBold, "-").concat(fontFamilyMap.fontFamilySecondarySemiBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeMobileContentC12, ";\n        line-height: 1.5;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC12Bold {\n        font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeMobileContentC12, ";\n        line-height: 1.5;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-mobile.").concat(prefixCls, "-size-ContentC12TextLink  {\n        color: #4E28E8;\n        font-family: ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeMobileContentC12, ";\n        line-height: 1.5;\n        text-decoration: underline;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-TitleT41Bold {\n        font-size: ").concat(fontSizeDesktopTitleT41, ";\n        line-height: 1.2;\n        font-family: ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-TitleT32Bold {\n        font-size: ").concat(fontSizeDesktopTitleT32, ";\n        line-height: 1.2;\n        font-family:  ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-TitleT23Bold {\n        font-size: ").concat(fontSizeDesktopTitleT23, ";\n        line-height: 1.2;\n        font-family:  ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-TitleT21Bold {\n        font-size: ").concat(fontSizeDesktopTitleT21, ";\n        line-height: 1.25;\n        font-family:  ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-TitleT15Bold {\n        font-size: ").concat(fontSizeDesktopTitleT15, ";\n        line-height: 1.25;\n        font-family:  ").concat(fontFamilyPromaryBold, "-").concat(fontFamilyMap.fontFamilyPromaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC14Bold {\n        font-size: ").concat(fontSizeDesktopContentC14, ";\n        line-height: 1.5;\n        font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC14Regular {\n        font-size: ").concat(fontSizeDesktopContentC14, ";\n        line-height: 1.5;\n        font-family:  ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC14Strikethrough {\n        color: #757575;\n        font-size: ").concat(fontSizeDesktopContentC14, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        text-decoration: line-through;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC14TextLink {\n        color: #4E28E8;\n        font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeDesktopContentC14, ";\n        line-height: 1.5;\n        text-decoration: underline;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC13Bold {\n        font-size: ").concat(fontSizeDesktopContentC13, ";\n        line-height: 1.5;\n        font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC13Regular {\n        font-size: ").concat(fontSizeDesktopContentC13, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC13Strikethrough {\n        color: #757575;\n        font-size: ").concat(fontSizeDesktopContentC13, ";\n        line-height: 1.5;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        text-decoration: line-through;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC13TextLink {\n        color: #4E28E8;\n        font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeDesktopContentC13, ";\n        line-height: 1.5;\n        text-decoration: underline;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC12Regular {\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        font-size: ").concat(fontSizeDesktopContentC12, ";\n        line-height: 1.5;\n        letter-spacing: 0.1px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC12Strikethrough {\n        color: #757575;\n        font-family: ").concat(fontFamilySecondaryRegular, "-").concat(fontFamilyMap.fontFamilySecondaryRegular, ";\n        font-weight: normal;\n        font-size: ").concat(fontSizeDesktopContentC12, ";\n        line-height: 1.5;\n        text-decoration: line-through;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC12SemiBold {\n        font-family: ").concat(fontFamilySecondarySemiBold, "-").concat(fontFamilyMap.fontFamilySecondarySemiBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeDesktopContentC12, ";\n        line-height: 1.5;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC12Bold {\n        font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeDesktopContentC12, ";\n        line-height: 1.5;\n        letter-spacing: 0.2px;\n      }\n      .").concat(prefixCls, "-desktop.").concat(prefixCls, "-size-ContentC12TextLink  {\n        color: #4E28E8;\n        font-family:  ").concat(fontFamilySecondaryBold, "-").concat(fontFamilyMap.fontFamilySecondaryBold, ";\n        font-weight: bold;\n        font-size: ").concat(fontSizeDesktopContentC12, ";\n        line-height: 1.5;\n        text-decoration: underline;\n        letter-spacing: 0.2px;\n      }\n    ");
+    });
+    return hashId;
+  };
+  useCustomButtonStyle();
+  var baseProps = {
+    className: classNames(prefixCls, _defineProperty({}, "".concat(prefixCls, "-size-").concat(size), size), breakpoint === 'Desktop' ? "".concat(prefixCls, "-desktop") : "".concat(prefixCls, "-mobile"), className),
+    style: style
+  };
+  return /*#__PURE__*/_jsx("span", _objectSpread(_objectSpread(_objectSpread({}, baseProps), attr), {}, {
+    children: children
+  }));
+};
+export default Text;

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

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

package/es/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 };