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

package/lib/components/TextInputInside/index.js

@@ -0,0 +1,230 @@
+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/TextInputInside/index.tsx
+var TextInputInside_exports = {};
+__export(TextInputInside_exports, {
+  default: () => TextInputInside_default
+});
+module.exports = __toCommonJS(TextInputInside_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = require("../../utils/theme");
+var import_constants = require("../../constants");
+var import_designTokens = require("./designTokens");
+var import_Text = __toESM(require("../Text"));
+var import_Icon = __toESM(require("../Icon"));
+var import_style = require("./style/index.less");
+var import_lodash = require("lodash");
+var TextInputInside = (props) => {
+  const _a = props, { label, message, status, type, image, count, value, disabled } = _a, attr = __objRest(_a, ["label", "message", "status", "type", "image", "count", "value", "disabled"]);
+  const {
+    paddingInline,
+    colorBgContainer,
+    borderRadius
+  } = import_designTokens.designTokens;
+  const {
+    paddingBlock,
+    colorLabel,
+    colorLabelActive,
+    colorError,
+    colorErrorBorder,
+    iconPaddingLeft,
+    colorInputIconStandard,
+    spacingInputTextHintMessagePaddingTop,
+    hoverBorderColor,
+    activeBorderColor,
+    colorInputTextHintMessage,
+    colorInputTextCounter,
+    colorInputBackgroundHaze
+  } = import_designTokens.otherDesignTokens;
+  const inputRef = (0, import_react.useRef)(null);
+  const [focus, setFocus] = (0, import_react.useState)(false);
+  const [val, setVal] = (0, import_react.useState)("");
+  const prefix = `${import_constants.cssClasses.PREFIX}-textInput`;
+  const useCustomButtonStyle = () => {
+    const hashId = (0, import_cssinjs.useStyleRegister)({
+      theme: import_theme.theme,
+      token: { baseColor: "blue" },
+      path: [`${prefix}`]
+    }, () => `
+      .${prefix} {
+        height: ${paddingBlock * 2 + 24}px;
+        background: ${colorBgContainer};
+        padding: ${paddingBlock}px ${paddingInline}px;
+        border-radius: ${borderRadius}px;
+        border: 1px solid #fff;
+      }
+      .${prefix}:hover {
+        border-color: ${hoverBorderColor};
+      }
+      .${prefix}:active {
+        border-color: ${activeBorderColor};
+      }
+      .${prefix}-label {
+        color: ${colorLabel};
+      }
+      .${prefix}-focus .${prefix}-label {
+        top: 7px;
+        color: ${colorLabelActive};
+      }
+      .${prefix}-has-search {
+        padding-right: ${paddingInline + iconPaddingLeft + 24}px;
+      }
+      .${prefix}-focus {
+        padding-top: 30px;
+        padding-bottom: 10px;
+      }
+      .${prefix}-error {
+        border: 1px solid ${colorErrorBorder};
+      }
+      .${prefix}-error:hover {
+        border-color: ${colorErrorBorder};
+      }
+      .${prefix}-error:active {
+        border-color: ${colorErrorBorder};
+      }
+      .${prefix}-tips {
+        bottom: -${spacingInputTextHintMessagePaddingTop + 18}px;
+        color: ${colorInputTextHintMessage};
+      }
+      .${prefix}-error-tips {
+        color: ${colorError};
+      }
+      .${prefix}-right {
+        right: ${paddingInline}px;
+        color: ${colorInputIconStandard};
+        top: ${paddingBlock}px;
+        line-height: 1;
+      }
+     .${prefix}-count {
+        color: ${colorInputTextCounter};
+      }
+     .${prefix}-disabled {
+        background: ${colorInputBackgroundHaze};
+        border-color: ${colorInputBackgroundHaze};
+      }
+      .${prefix}-disabled:hover {
+        border-color: ${colorInputBackgroundHaze};
+      }
+      .${prefix}-disabled:active {
+        border-color: ${colorInputBackgroundHaze};
+      }
+    `);
+    return hashId;
+  };
+  useCustomButtonStyle();
+  const error = status === "error" ? `${prefix}-error` : "";
+  const disabledStyle = disabled ? `${prefix}-disabled` : "";
+  const focusStyle = focus || value ? `${prefix}-focus` : "";
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      wave: { disabled: true },
+      prefixCls: prefix,
+      theme: {
+        components: {
+          Input: __spreadValues({}, import_designTokens.designTokens)
+        },
+        cssVar: true,
+        hashed: false
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: `${prefix} ${focusStyle} ${error} ${disabledStyle}`
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        "span",
+        {
+          className: `${prefix}-label`,
+          onClick: () => {
+            inputRef.current.focus({
+              cursor: "end"
+            });
+            setFocus(true);
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: focus || value ? "ContentC12SemiBold" : "ContentC14Regular" }, label)
+      ),
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Input,
+        __spreadValues({
+          className: (0, import_lodash.isEmpty)(type) ? "" : `${prefix}-has-search`,
+          onFocus: () => {
+            setFocus(true);
+          },
+          onBlur: () => setFocus(val ? true : false),
+          value: val || value,
+          onChange: (e) => {
+            const newValue = e.target.value;
+            if (!count || newValue.length <= count) {
+              setVal(newValue);
+            }
+          },
+          disabled,
+          ref: inputRef
+        }, attr)
+      ),
+      /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC12Regular", className: status === "error" ? `${prefix}-tips ${prefix}-error-tips` : `${prefix}-tips` }, message),
+      type === "search" && /* @__PURE__ */ import_react.default.createElement(import_Icon.default, { className: `${prefix}-right`, size: 24, name: "icon-Search" }),
+      type === "link" && /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC14TextLink", className: `${prefix}-right` }, "Link"),
+      type === "image" && /* @__PURE__ */ import_react.default.createElement("img", { src: image, alt: "", className: `${prefix}-right` }),
+      type === "counter" && /* @__PURE__ */ import_react.default.createElement(import_Text.default, { size: "ContentC12Regular", className: `${prefix}-count` }, (value || val || "").length, "/", count)
+    )
+  ));
+};
+var TextInputInside_default = TextInputInside;

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

@@ -0,0 +1,36 @@
+@import './variables.less';
+
+// 基础按钮样式
+@components: textInput;
+
+// 使用字符串拼接
+.@{prefix}-@{components} {
+  position: relative;
+  box-sizing: border-box;
+  margin-bottom: 22px;
+  .@{prefix}-@{components}-label {
+    position: absolute;
+    z-index: 1;
+  }
+  .@{prefix}-@{components}-input {
+    height: 24px;
+    padding: 0;
+  }
+  .@{prefix}-@{components}-right {
+    position: absolute;
+    z-index: 1;
+  }
+  .@{prefix}-@{components}-tips {
+    position: absolute;
+    left: 0;
+    padding-top: 4px;
+  }
+  .@{prefix}-@{components}-count {
+    position: absolute;
+    right: 0;
+    bottom: -22px;
+  }
+  img {
+    height: 24px;
+  }
+}

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

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

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

@@ -0,0 +1,41 @@
+declare const designTokens: {
+    borderRadius: any;
+    paddingBlock: any;
+    paddingInline: any;
+    colorText: any;
+    hoverBorderColor: any;
+    activeBorderColor: any;
+    activeShadow: string;
+    colorError: any;
+    colorBgContainer: any;
+    borderWidthInputStandard: any;
+    colorBorder: any;
+    colorInputTextPlaceholder: any;
+    fontSize: any;
+    colorBgContainerDisabled: any;
+};
+declare const designFormTokens: {
+    labelRequiredMarkColor: any;
+    colorError: any;
+    lineHeight: number;
+    labelHeight: number;
+    labelColor: any;
+    labelFontSize: any;
+    fontSize: any;
+    itemMarginBottom: number;
+};
+declare const designFormHorizontalTokens: {
+    verticalLabelPadding: string;
+    labelRequiredMarkColor: any;
+    colorError: any;
+    labelHeight: string;
+    labelColor: any;
+    lineHeight: number;
+    labelFontSize: any;
+    fontSize: any;
+    itemMarginBottom: number;
+};
+declare const styleToken: {
+    [x: string]: any;
+};
+export { designTokens, designFormTokens, designFormHorizontalTokens, styleToken };

package/lib/components/TextInputOutside/designTokens.js

@@ -0,0 +1,95 @@
+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/TextInputOutside/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  designFormHorizontalTokens: () => designFormHorizontalTokens,
+  designFormTokens: () => designFormTokens,
+  designTokens: () => designTokens,
+  styleToken: () => styleToken
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenHelper = require("../../utils/tokenHelper");
+var import_constants = require("../../constants");
+var prefixCls = import_constants.cssClasses.PREFIX + "-input-outside";
+var designTokens = {
+  borderRadius: (0, import_tokenHelper.getToken)("borderRadiusInput"),
+  // 圆角
+  paddingBlock: (0, import_tokenHelper.getToken)("spacinginputpaddingVerticalM"),
+  // 纵向内边距
+  paddingInline: (0, import_tokenHelper.getToken)("spacingInputPaddingHorizontal"),
+  // 横向内边距
+  colorText: (0, import_tokenHelper.getToken)("colorInputTextActive"),
+  // 内容文本颜色
+  hoverBorderColor: (0, import_tokenHelper.getToken)("colorInputBorderActive"),
+  // hover边框颜色
+  activeBorderColor: (0, import_tokenHelper.getToken)("colorInputBorderActive"),
+  // active边框颜色
+  activeShadow: "0px 0px 0px 2px #180C8E33",
+  // 边框shadow颜色
+  colorError: (0, import_tokenHelper.getToken)("colorInputTextError"),
+  // 错误信息文本颜色
+  colorBgContainer: (0, import_tokenHelper.getToken)("colorInputBackground"),
+  // 背景颜色
+  borderWidthInputStandard: (0, import_tokenHelper.getToken)("borderWidthInputStandard"),
+  // 标准边框宽度
+  colorBorder: (0, import_tokenHelper.getToken)("colorInputBorderStandard"),
+  // 标准边框颜色
+  colorInputTextPlaceholder: (0, import_tokenHelper.getToken)("colorInputTextPlaceholder"),
+  // placeholder文本颜色
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  // 字体大小
+  colorBgContainerDisabled: (0, import_tokenHelper.getToken)("colorInputBackgroundHaze")
+  // 背景颜色
+};
+var designFormTokens = {
+  labelRequiredMarkColor: (0, import_tokenHelper.getToken)("colorInputTextError"),
+  colorError: (0, import_tokenHelper.getToken)("colorInputTextError"),
+  // 错误信息文本颜色
+  lineHeight: 24 / (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  // 行高
+  labelHeight: 24 / (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  // 行高
+  labelColor: (0, import_tokenHelper.getToken)("colorInputTextLabel"),
+  // label文本颜色
+  labelFontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  // 字体大小
+  itemMarginBottom: 28
+};
+var designFormHorizontalTokens = {
+  verticalLabelPadding: "0 0 8px",
+  labelRequiredMarkColor: (0, import_tokenHelper.getToken)("colorInputTextError"),
+  colorError: (0, import_tokenHelper.getToken)("colorInputTextError"),
+  // 错误信息文本颜色
+  labelHeight: `${(0, import_tokenHelper.getToken)("spacinginputpaddingVerticalM") * 2 + 24}px`,
+  // label高
+  labelColor: (0, import_tokenHelper.getToken)("colorInputTextLabel"),
+  // label文本颜色
+  lineHeight: 24 / (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  // 行高
+  labelFontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  fontSize: (0, import_tokenHelper.getToken)("ContentC14Regular"),
+  // 字体大小
+  itemMarginBottom: 28
+};
+var styleToken = {
+  [`--${prefixCls}-color-error-border-hover`]: (0, import_tokenHelper.getToken)("colorInputBorderError")
+  // error颜色
+};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import './style/index.less';
+type FieldType = {
+    [key: string]: any;
+};
+export type InputType = 'default' | 'search' | 'link' | 'image' | 'counter';
+export interface TextInputOutsideProps {
+    name: string;
+    label?: string;
+    rules?: FieldType[];
+    layout?: 'vertical' | 'horizontal';
+    placeholder?: string;
+    type?: InputType;
+    style?: React.CSSProperties;
+    [key: string]: any;
+}
+declare const TextInputOutside: (props: TextInputOutsideProps) => React.JSX.Element;
+export default TextInputOutside;

package/lib/components/TextInputOutside/index.js

@@ -0,0 +1,110 @@
+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/TextInputOutside/index.tsx
+var TextInputOutside_exports = {};
+__export(TextInputOutside_exports, {
+  default: () => TextInputOutside_default
+});
+module.exports = __toCommonJS(TextInputOutside_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_cssinjs = require("@ant-design/cssinjs");
+var import_theme = require("../../utils/theme");
+var import_constants = require("../../constants");
+var import_designTokens = require("./designTokens");
+var import_style = require("./style/index.less");
+var TextInputOutside = (props) => {
+  const _a = props, { layout = "horizontal", placeholder, disabled } = _a, attr = __objRest(_a, ["layout", "placeholder", "disabled"]);
+  const prefix = `${import_constants.cssClasses.PREFIX}-inputOutside`;
+  const useCustomButtonStyle = () => {
+    const hashId = (0, import_cssinjs.useStyleRegister)({
+      theme: import_theme.theme,
+      token: { baseColor: "blue" },
+      path: [`${prefix}`]
+    }, () => `
+      .${prefix}-input {
+        height: ${import_designTokens.designTokens.paddingBlock * 2 + 24}px;;
+      }
+    `);
+    return hashId;
+  };
+  useCustomButtonStyle();
+  const customStyle = import_designTokens.styleToken;
+  const formDesign = layout === "vertical" ? import_designTokens.designFormTokens : import_designTokens.designFormHorizontalTokens;
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(
+    import_antd.ConfigProvider,
+    {
+      wave: { disabled: true },
+      prefixCls: prefix,
+      theme: {
+        components: {
+          Input: __spreadValues({}, import_designTokens.designTokens),
+          Form: __spreadValues({}, formDesign)
+        },
+        cssVar: true,
+        hashed: false
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Form.Item,
+      __spreadValues({
+        layout,
+        className: prefix
+      }, attr),
+      /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder, disabled, style: __spreadValues({}, customStyle) })
+    )
+  ));
+};
+var TextInputOutside_default = TextInputOutside;

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

@@ -0,0 +1,4 @@
+@import './variables.less';
+
+// 基础按钮样式
+@components: inputOutside;

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

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

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

@@ -0,0 +1,10 @@
+declare const designTokens: {
+    spacingTextLinkHorizontalGap: any;
+    sizingTextLinkIconLeft: any;
+    sizingTextLinkIconRight: any;
+    colorTextLinkTextInverse: any;
+    colorTextLinkText: any;
+    colorTextLinkIconInverse: any;
+    colorTextLinkIcon: any;
+};
+export default designTokens;

package/lib/components/TextLink/designTokens.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __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/TextLink/designTokens.ts
+var designTokens_exports = {};
+__export(designTokens_exports, {
+  default: () => designTokens_default
+});
+module.exports = __toCommonJS(designTokens_exports);
+var import_tokenManager = __toESM(require("../../utils/tokenManager"));
+var designTokens = {
+  spacingTextLinkHorizontalGap: import_tokenManager.default.tokenKey("spacingTextLinkHorizontalGap"),
+  sizingTextLinkIconLeft: import_tokenManager.default.tokenKey("sizingTextLinkIconLeft"),
+  sizingTextLinkIconRight: import_tokenManager.default.tokenKey("sizingTextLinkIconRight"),
+  colorTextLinkTextInverse: import_tokenManager.default.tokenKey("colorTextLinkTextInverse"),
+  colorTextLinkText: import_tokenManager.default.tokenKey("colorTextLinkText"),
+  colorTextLinkIconInverse: import_tokenManager.default.tokenKey("colorTextLinkIconInverse"),
+  colorTextLinkIcon: import_tokenManager.default.tokenKey("colorTextLinkIcon")
+};
+var designTokens_default = designTokens;

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

@@ -0,0 +1,20 @@
+import React from 'react';
+export declare const TextLinkEnum: {
+    readonly default: "default";
+    readonly withLeftIcon: "withLeftIcon";
+    readonly withRightIcon: "withRightIcon";
+    readonly inlineParagraph: "inlineParagraph";
+};
+export type TextLinkType = typeof TextLinkEnum[keyof typeof TextLinkEnum];
+export interface ITextLinkProps {
+    style?: React.CSSProperties;
+    type: TextLinkType;
+    iconName?: string;
+    iconSize?: string | number;
+    text?: string;
+    inverse?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
+    className?: string;
+}
+declare const TextLink: (props: ITextLinkProps) => React.JSX.Element;
+export default TextLink;