tdesign-react 0.42.7-alpha.1 → 0.42.7-alpha.2

package/es/notification/style/index.css

@@ -15,16 +15,16 @@
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   border-radius: var(--td-radius-medium);
-  width: 400px;
-  padding: 20px 24px 24px 24px;
+  width: 360px;
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
 }
 .t-notification__icon {
-  width: 24px;
+  width: calc(var(--td-font-size-body-large) + 8px);
   text-align: center;
-  margin-right: 8px;
+  margin-right: var(--td-comp-margin-s);
 }
 .t-notification__icon .t-icon {
-  font-size: 24px;
+  font-size: calc(var(--td-font-size-body-large) + 8px);
 }
 .t-notification .t-icon.t-is-info {
   color: var(--td-brand-color);
@@ -70,10 +70,9 @@
 .t-notification__content {
   font: var(--td-font-body-medium);
   color: var(--td-text-color-secondary);
-  margin-top: 8px;
+  margin-top: var(--td-comp-margin-s);
   max-height: 66px;
   overflow: hidden;
-  padding-right: 5px;
   text-overflow: ellipsis;
   word-break: break-all;
   /* stylelint-disable-next-line */
@@ -83,27 +82,23 @@
   -webkit-box-orient: vertical;
 }
 .t-notification__detail {
-  margin-top: 21px;
+  margin-top: var(--td-comp-margin-l);
   text-align: right;
   font: var(--td-font-body-medium);
 }
 .t-notification__detail-item {
-  padding: 5px 16px;
-  color: inherit;
   cursor: pointer;
 }
 .t-notification__detail-item:hover {
   color: inherit;
   background: var(--td-bg-color-container-hover);
-  border-radius: var(--td-radius-medium);
 }
 .t-notification__detail-item:active {
   color: inherit;
   background: var(--td-bg-color-container-active);
-  border-radius: var(--td-radius-medium);
 }
 .t-notification__detail-item + .t-notification__detail-item {
-  margin-left: 8px;
+  margin-left: var(--td-comp-margin-s);
 }
 .t-notification__detail-item.t-is-active {
   color: var(--td-brand-color);

package/es/pagination/style/index.css

@@ -41,8 +41,8 @@
 .t-pagination__select {
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  margin-right: 16px;
-  height: 32px;
+  margin-right: var(--td-comp-margin-l);
+  height: var(--td-comp-size-m);
   font-size: var(--td-font-size-body-medium);
   color: var(--td-text-color-secondary);
 }
@@ -62,9 +62,9 @@
   color: var(--td-text-color-secondary);
   border-radius: var(--td-radius-default);
   font: var(--td-font-body-large);
-  width: 32px;
-  height: 32px;
-  line-height: 32px;
+  width: var(--td-comp-size-m);
+  height: var(--td-comp-size-m);
+  line-height: var(--td-comp-size-m);
 }
 .t-pagination__btn:hover {
   background-color: var(--td-bg-color-secondarycontainer-hover);
@@ -84,10 +84,10 @@
   cursor: not-allowed;
 }
 .t-pagination__btn-prev {
-  margin-right: 8px;
+  margin-right: var(--td-comp-margin-s);
 }
 .t-pagination__btn-next {
-  margin-left: 8px;
+  margin-left: var(--td-comp-margin-s);
 }
 .t-pagination__btn + .t-pagination__select {
   margin-right: 0;
@@ -104,7 +104,7 @@
   margin: 0;
 }
 .t-pagination__pager li:not(:last-child) {
-  margin-right: 8px;
+  margin-right: var(--td-comp-margin-s);
 }
 .t-pagination__number {
   display: inline-block;
@@ -115,12 +115,12 @@
   background-color: var(--td-bg-color-container);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
-  height: 32px;
-  min-width: 32px;
-  line-height: 30px;
+  height: var(--td-comp-size-m);
+  min-width: var(--td-comp-size-m);
+  line-height: calc(var(--td-comp-size-m) - 2px);
   font-size: var(--td-font-body-medium);
-  padding-left: 4px;
-  padding-right: 4px;
+  padding-left: var(--td-comp-paddingLR-xs);
+  padding-right: var(--td-comp-paddingLR-xs);
 }
 .t-pagination__number:hover {
   color: var(--td-brand-color-hover);
@@ -189,7 +189,7 @@
           align-items: center;
   -ms-flex-negative: 0;
       flex-shrink: 0;
-  margin-left: 8px;
+  margin-left: var(--td-comp-margin-s);
   font-size: var(--td-font-body-medium);
   gap: 4px;
 }
@@ -200,17 +200,17 @@
   font: var(--td-font-body-small);
 }
 .t-pagination.t-size-s .t-pagination__select {
-  height: 24px;
+  height: var(--td-comp-size-xs);
   font-size: var(--td-font-size-body-small);
 }
 .t-pagination.t-size-s .t-pagination__number {
   border: 0 none;
-  height: 24px;
-  min-width: 24px;
-  line-height: 24px;
+  height: var(--td-comp-size-xs);
+  min-width: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
   font-size: var(--td-font-body-small);
-  padding-left: 2px;
-  padding-right: 2px;
+  padding-left: var(--td-comp-paddingLR-xxs);
+  padding-right: var(--td-comp-paddingLR-xxs);
 }
 .t-pagination.t-size-s .t-pagination__number:hover:not(.t-pagination.t-size-s .t-pagination__number.t-is-current) {
   color: var(--td-text-color-primary);
@@ -234,9 +234,9 @@
 .t-pagination.t-size-s .t-pagination__btn {
   border: 0 none;
   background: none;
-  width: 24px;
-  height: 24px;
-  line-height: 24px;
+  width: var(--td-comp-size-xs);
+  height: var(--td-comp-size-xs);
+  line-height: var(--td-comp-size-xs);
 }
 .t-pagination.t-size-s .t-pagination__btn:hover {
   background-color: var(--td-bg-color-secondarycontainer-hover);

package/es/popconfirm/style/index.css

@@ -14,7 +14,7 @@
 }
 .t-popconfirm__content {
   position: relative;
-  padding: 16px;
+  padding: var(--td-comp-paddingTB-l) var(--td-comp-paddingLR-l);
   border-radius: var(--td-radius-medium);
 }
 .t-popconfirm__body {
@@ -28,19 +28,19 @@
 }
 .t-popconfirm__body > .t-icon {
   display: inline-block;
-  margin: 1px 8px 1px 0;
-  font-size: var(--td-font-size-title-large);
+  margin-right: var(--td-comp-margin-s);
+  padding: calc((var(--td-line-height-body-medium) - calc(var(--td-font-size-body-medium) + 6px)) / 2) 0;
+  font-size: calc(var(--td-font-size-body-medium) + 6px);
 }
 .t-popconfirm__confirm {
-  margin-left: 8px;
+  margin-left: var(--td-comp-margin-s);
 }
 .t-popconfirm__inner {
   display: inline-block;
   vertical-align: top;
-  max-width: 300px;
+  max-width: 320px;
   font: var(--td-font-title-small);
   color: var(--td-text-color-primary);
-  margin-right: 8px;
 }
 .t-popconfirm__icon--warning {
   color: var(--td-warning-color);
@@ -53,7 +53,7 @@
 }
 .t-popconfirm__buttons {
   text-align: right;
-  margin-top: 16px;
+  margin-top: var(--td-comp-margin-l);
 }
 .t-popconfirm__buttons > span:last-child {
   margin-right: 0;

package/es/popup/hooks/useTrigger.js

@@ -7,37 +7,9 @@
 import React, { useRef, useEffect, isValidElement, useCallback } from 'react';
 import { isFragment } from 'react-is';
 import classNames from 'classnames';
-import useConfig from '../../hooks/useConfig.js';
 import { getRefDom, supportRef } from '../utils/ref.js';
 import composeRefs from '../../_util/composeRefs.js';
-import '../../config-provider/ConfigContext.js';
-import '../../_chunks/dep-415453d0.js';
-import '../../_chunks/dep-e2fdbc12.js';
-import '../../_chunks/dep-08f7c672.js';
-import '../../_chunks/dep-7fade3a6.js';
-import '../../_chunks/dep-d90f2580.js';
-import '../../_chunks/dep-fee077b2.js';
-import '../../_chunks/dep-f04f14fc.js';
-import '../../_chunks/dep-c9bc823c.js';
 import '../../_chunks/dep-0b4df973.js';
-import '../../_chunks/dep-65de5ea7.js';
-import '../../_chunks/dep-51533589.js';
-import '../../_chunks/dep-8c7a7ab4.js';
-import '../../_chunks/dep-d9327d23.js';
-import '../../_chunks/dep-64e1a585.js';
-import '../../_chunks/dep-704ead6e.js';
-import '../../_chunks/dep-3249f722.js';
-import '../../_chunks/dep-af16a9e1.js';
-import '../../_chunks/dep-b51e8bee.js';
-import '../../_chunks/dep-c3ce514a.js';
-import '../../_chunks/dep-f01b90e2.js';
-import '../../_chunks/dep-aee5c255.js';
-import '../../_chunks/dep-ab54213e.js';
-import '../../_chunks/dep-3e1e6f37.js';
-import '../../_chunks/dep-0c173aca.js';
-import '../../locale/zh_CN.js';
-import '../../_common/js/global-config/locale/zh_CN.js';
-import '../../_common/js/global-config/default-config.js';
 
 var ESC_KEY = "Escape";
 function useTrigger(_ref) {
@@ -47,11 +19,9 @@ function useTrigger(_ref) {
     visible = _ref.visible,
     onVisibleChange = _ref.onVisibleChange,
     triggerRef = _ref.triggerRef;
-  var _useConfig = useConfig(),
-    classPrefix = _useConfig.classPrefix;
   var hasPopupMouseDown = useRef(false);
   var mouseDownTimer = useRef(0);
-  var triggerDataKey = useRef("".concat(classPrefix, "-popup--").concat(Math.random().toFixed(10)));
+  var triggerDataKey = useRef("t-popup--".concat(Math.random().toFixed(10)));
   var shouldToggle = !disabled && content;
   useEffect(function () {
     if (!shouldToggle) return;
@@ -110,7 +80,7 @@ function useTrigger(_ref) {
   function getTriggerProps(triggerNode) {
     if (!shouldToggle) return {};
     var triggerProps = {
-      className: visible ? classNames(triggerNode.props.className, "".concat(classPrefix, "-popup-open")) : triggerNode.props.className,
+      className: visible ? classNames(triggerNode.props.className, "t-popup-open") : triggerNode.props.className,
       onClick: function onClick(e) {
         var _triggerNode$props$on, _triggerNode$props;
         if (trigger === "click") {
@@ -205,7 +175,7 @@ function useTrigger(_ref) {
   }
   function getTriggerNode(children) {
     var triggerNode = /*#__PURE__*/isValidElement(children) && !isFragment(children) ? children : /* @__PURE__ */React.createElement("span", {
-      className: "".concat(classPrefix, "-trigger")
+      className: "t-trigger"
     }, children);
     return /*#__PURE__*/React.cloneElement(triggerNode, getTriggerProps(triggerNode));
   }

package/es/popup/hooks/useTrigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTrigger.js","sources":["../../../src/popup/hooks/useTrigger.tsx"],"sourcesContent":["import React, { useRef, useEffect, isValidElement, useCallback } from 'react';\nimport { isFragment } from 'react-is';\nimport classNames from 'classnames';\nimport useConfig from '../../hooks/useConfig';\nimport { supportRef, getRefDom } from '../utils/ref';\nimport composeRefs from '../../_util/composeRefs';\n\nconst ESC_KEY = 'Escape';\n\nexport default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef }) {\n  const { classPrefix } = useConfig();\n  const hasPopupMouseDown = useRef(false);\n  const mouseDownTimer = useRef(0);\n  const triggerDataKey = useRef(`${classPrefix}-popup--${Math.random().toFixed(10)}`);\n\n  // 禁用和无内容时不展示\n  const shouldToggle = !disabled && content;\n\n  // 点击 trigger overlay 以外的元素关闭\n  useEffect(() => {\n    if (!shouldToggle) return;\n\n    const handleDocumentClick = (e: any) => {\n      if (getRefDom(triggerRef)?.contains?.(e.target) || hasPopupMouseDown.current) {\n        return;\n      }\n      visible && onVisibleChange(false, { e, trigger: 'document' });\n    };\n    document.addEventListener('mousedown', handleDocumentClick);\n    document.addEventListener('touchend', handleDocumentClick);\n    return () => {\n      document.removeEventListener('mousedown', handleDocumentClick);\n      document.removeEventListener('touchend', handleDocumentClick);\n    };\n  }, [shouldToggle, visible, onVisibleChange, triggerRef]);\n\n  // 弹出内容交互处理\n  function getPopupProps(): any {\n    if (!shouldToggle) return {};\n\n    return {\n      onMouseEnter: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n        }\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n        }\n      },\n      onMouseDown: () => {\n        clearTimeout(mouseDownTimer.current);\n        hasPopupMouseDown.current = true;\n        mouseDownTimer.current = window.setTimeout(() => {\n          hasPopupMouseDown.current = false;\n        });\n      },\n      onTouchEnd: () => {\n        clearTimeout(mouseDownTimer.current);\n        hasPopupMouseDown.current = true;\n        mouseDownTimer.current = window.setTimeout(() => {\n          hasPopupMouseDown.current = false;\n        });\n      },\n    };\n  }\n\n  // 整理 trigger props\n  function getTriggerProps(triggerNode: React.ReactElement) {\n    if (!shouldToggle) return {};\n\n    const triggerProps: any = {\n      className: visible\n        ? classNames(triggerNode.props.className, `${classPrefix}-popup-open`)\n        : triggerNode.props.className,\n      onClick: (e: MouseEvent) => {\n        if (trigger === 'click') {\n          onVisibleChange(!visible, { e, trigger: 'trigger-element-click' });\n        }\n        triggerNode.props.onClick?.(e);\n      },\n      onTouchStart: (e: TouchEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n        }\n        triggerNode.props.onTouchStart?.(e);\n      },\n      onMouseEnter: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n        }\n        triggerNode.props.onMouseEnter?.(e);\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n        }\n        triggerNode.props.onMouseLeave?.(e);\n      },\n      onFocus: (...args: any) => {\n        if (trigger === 'focus') {\n          onVisibleChange(true, { trigger: 'trigger-element-focus' });\n        }\n        triggerNode.props.onFocus?.(...args);\n      },\n      onBlur: (...args: any) => {\n        if (trigger === 'focus') {\n          onVisibleChange(false, { trigger: 'trigger-element-blur' });\n        }\n        triggerNode.props.onBlur?.(...args);\n      },\n      onContextMenu: (e: MouseEvent) => {\n        if (trigger === 'context-menu') {\n          onVisibleChange(true, { e, trigger: 'context-menu' });\n        }\n        triggerNode.props.onContextMenu?.(e);\n      },\n      onKeyDown: (e: KeyboardEvent) => {\n        if (e?.key === ESC_KEY) {\n          onVisibleChange(false, { e, trigger: 'keydown-esc' });\n        }\n        triggerNode.props.onKeyDown?.(e);\n      },\n    };\n\n    if (supportRef(triggerNode)) {\n      triggerProps.ref = composeRefs(triggerRef, (triggerNode as any).ref);\n    } else {\n      // 标记 trigger 元素\n      triggerProps['data-popup'] = triggerDataKey.current;\n    }\n\n    return triggerProps;\n  }\n\n  // 整理 trigger 元素\n  function getTriggerNode(children: React.ReactNode) {\n    const triggerNode =\n      isValidElement(children) && !isFragment(children) ? (\n        children\n      ) : (\n        <span className={`${classPrefix}-trigger`}>{children}</span>\n      );\n\n    return React.cloneElement(triggerNode, getTriggerProps(triggerNode));\n  }\n\n  // ref 透传失败时使用 dom 查找\n  const getTriggerDom = useCallback(() => document.querySelector(`[data-popup=\"${triggerDataKey.current}\"]`), []);\n\n  return {\n    getTriggerNode,\n    getPopupProps,\n    getTriggerDom,\n  };\n}\n"],"names":["ESC_KEY","useTrigger","content","disabled","trigger","visible","onVisibleChange","triggerRef","useConfig","classPrefix","hasPopupMouseDown","useRef","mouseDownTimer","triggerDataKey","Math","random","toFixed","shouldToggle","useEffect","handleDocumentClick","e","getRefDom","contains","target","current","document","addEventListener","removeEventListener","getPopupProps","onMouseEnter","onMouseLeave","onMouseDown","clearTimeout","window","setTimeout","onTouchEnd","getTriggerProps","triggerNode","triggerProps","className","classNames","props","onClick","onTouchStart","onFocus","args","onBlur","onContextMenu","onKeyDown","key","supportRef","ref","composeRefs","getTriggerNode","children","isValidElement","isFragment","React","createElement","cloneElement","getTriggerDom","useCallback","querySelector"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,OAAU,GAAA,QAAA,CAAA;AAEQ,SAAAC,UAAA,CAAiF,IAAA,EAAA;EAAA,IAApEC,OAAS,QAATA,OAAS;AAAAC,IAAAA,QAAA,QAAAA,QAAA;AAAUC,IAAAA,eAAAA;AAASC,IAAAA,OAAS,QAATA,OAAS;AAAAC,IAAAA,eAAA,QAAAA,eAAA;AAAiBC,IAAAA,kBAAAA;AACnF,EAAA,IAAA,UAAA,GAAkBC,SAAU,EAAA;AAA1BC,IAAAA,WAAY,cAAZA,WAAY,CAAA;AACd,EAAA,IAAAC,iBAAA,GAAoBC,OAAO,KAAK,CAAA,CAAA;AAChC,EAAA,IAAAC,cAAA,GAAiBD,OAAO,CAAC,CAAA,CAAA;AACzB,EAAA,IAAAE,cAAA,GAAiBF,iBAAUF,WAAA,EAAsBK,UAAAA,CAAAA,CAAAA,MAAAA,CAAAA,KAAKC,MAAO,EAAA,CAAEC,OAAQ,CAAA,EAAE,CAAG,CAAA,CAAA,CAAA;AAG5E,EAAA,IAAAC,YAAA,GAAe,CAACd,QAAY,IAAAD,OAAA,CAAA;AAGlCgB,EAAAA,SAAA,CAAU,YAAM;IACd,IAAI,CAACD,YAAA,EAAc,OAAA;AAEb,IAAA,IAAAE,mBAAA,GAAsB,SAAtBA,mBAAA,CAAuBC,CAAW,EAAA;AAAA,MAAA,IAAA,UAAA,EAAA,mBAAA,CAAA;AAClC,MAAA,IAAA,cAAAC,SAAA,CAAUd,UAAU,CAAG,MAAA,IAAA,IAAA,UAAA,KAAA,KAAA,CAAA,IAAA,CAAA,mBAAA,GAAvB,WAAuBe,QAAA,MAAA,IAAA,IAAA,mBAAA,KAAA,KAAA,CAAA,IAAvB,mBAAkCF,CAAAA,IAAAA,CAAAA,UAAAA,EAAAA,EAAEG,MAAM,CAAA,IAAKb,kBAAkBc,OAAS,EAAA;AAC5E,QAAA,OAAA;AACF,OAAA;AACAnB,MAAAA,OAAA,IAAWC,gBAAgB,KAAO,EAAA;AAAEc,QAAAA,CAAG,EAAHA,CAAG;AAAAhB,QAAAA,OAAA,EAAS,UAAA;AAAW,OAAC,CAAA,CAAA;KAC9D,CAAA;AACSqB,IAAAA,QAAA,CAAAC,gBAAA,CAAiB,aAAaP,mBAAmB,CAAA,CAAA;AACjDM,IAAAA,QAAA,CAAAC,gBAAA,CAAiB,YAAYP,mBAAmB,CAAA,CAAA;AACzD,IAAA,OAAO,YAAM;AACFM,MAAAA,QAAA,CAAAE,mBAAA,CAAoB,aAAaR,mBAAmB,CAAA,CAAA;AACpDM,MAAAA,QAAA,CAAAE,mBAAA,CAAoB,YAAYR,mBAAmB,CAAA,CAAA;KAC9D,CAAA;KACC,CAACF,YAAA,EAAcZ,OAAS,EAAAC,eAAA,EAAiBC,UAAU,CAAC,CAAA,CAAA;AAGvD,EAAA,SAASqB,aAAqB,GAAA;AAC5B,IAAA,IAAI,CAACX,YAAA,EAAc,OAAO,EAAC,CAAA;IAEpB,OAAA;MACLY,YAAA,EAAc,SAACT,YAAAA,CAAAA,CAAkB,EAAA;QAC/B,IAAIhB,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,IAAM,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,uBAAA;AAAwB,WAAC,CAAA,CAAA;AAC/D,SAAA;OACF;MACA0B,YAAA,EAAc,SAACV,YAAAA,CAAAA,CAAkB,EAAA;QAC/B,IAAIhB,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,KAAO,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,uBAAA;AAAwB,WAAC,CAAA,CAAA;AAChE,SAAA;OACF;AACA2B,MAAAA,aAAa,SAAM,WAAA,GAAA;AACjBC,QAAAA,YAAA,CAAapB,eAAeY,OAAO,CAAA,CAAA;QACnCd,iBAAA,CAAkBc,OAAU,GAAA,IAAA,CAAA;AACbZ,QAAAA,cAAA,CAAAY,OAAA,GAAUS,MAAO,CAAAC,UAAA,CAAW,YAAM;UAC/CxB,iBAAA,CAAkBc,OAAU,GAAA,KAAA,CAAA;AAC9B,SAAC,CAAA,CAAA;OACH;AACAW,MAAAA,YAAY,SAAM,UAAA,GAAA;AAChBH,QAAAA,YAAA,CAAapB,eAAeY,OAAO,CAAA,CAAA;QACnCd,iBAAA,CAAkBc,OAAU,GAAA,IAAA,CAAA;AACbZ,QAAAA,cAAA,CAAAY,OAAA,GAAUS,MAAO,CAAAC,UAAA,CAAW,YAAM;UAC/CxB,iBAAA,CAAkBc,OAAU,GAAA,KAAA,CAAA;AAC9B,SAAC,CAAA,CAAA;AACH,OAAA;KACF,CAAA;AACF,GAAA;EAGA,SAASY,gBAAgBC,WAAiC,EAAA;AACxD,IAAA,IAAI,CAACpB,YAAA,EAAc,OAAO,EAAC,CAAA;AAE3B,IAAA,IAAMqB,YAAoB,GAAA;AACxBC,MAAAA,SAAA,EAAWlC,OACP,GAAAmC,UAAA,CAAWH,WAAY,CAAAI,KAAA,CAAMF,qBAAc9B,WAAA,EAC3C,aAAA,CAAA,CAAA,GAAA4B,WAAA,CAAYI,KAAM,CAAAF,SAAA;MACtBG,OAAA,EAAS,SAACtB,OAAAA,CAAAA,CAAkB,EAAA;AAAA,QAAA,IAAA,qBAAA,EAAA,kBAAA,CAAA;QAC1B,IAAIhB,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,CAACD,OAAS,EAAA;AAAEe,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,uBAAA;AAAwB,WAAC,CAAA,CAAA;AACnE,SAAA;QACY,CAAAiC,qBAAAA,GAAAA,CAAAA,kBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMC,aAAN,IAAA,IAAA,qBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA,IAAA,CAAA,kBAAA,EAAgBtB,CAAC,CAAA,CAAA;OAC/B;MACAuB,YAAA,EAAc,SAACvB,YAAAA,CAAAA,CAAkB,EAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QAC/B,IAAIhB,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,IAAM,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,uBAAA;AAAwB,WAAC,CAAA,CAAA;AAC/D,SAAA;QACY,CAAAiC,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAME,kBAAN,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,mBAAA,EAAqBvB,CAAC,CAAA,CAAA;OACpC;MACAS,YAAA,EAAc,SAACT,YAAAA,CAAAA,CAAkB,EAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QAC/B,IAAIhB,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,IAAM,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,uBAAA;AAAwB,WAAC,CAAA,CAAA;AAC/D,SAAA;QACY,CAAAiC,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMZ,kBAAN,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,mBAAA,EAAqBT,CAAC,CAAA,CAAA;OACpC;MACAU,YAAA,EAAc,SAACV,YAAAA,CAAAA,CAAkB,EAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QAC/B,IAAIhB,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,KAAO,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,uBAAA;AAAwB,WAAC,CAAA,CAAA;AAChE,SAAA;QACY,CAAAiC,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMX,kBAAN,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,mBAAA,EAAqBV,CAAC,CAAA,CAAA;OACpC;AACAwB,MAAAA,OAAA,EAAS,SAAkB,OAAA,GAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QACzB,IAAIxC,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,IAAM,EAAA;AAAEF,YAAAA,OAAS,EAAA,uBAAA;AAAwB,WAAC,CAAA,CAAA;AAC5D,SAAA;AAAA,QAAA,KAAA,IAAA,IAAA,GAAA,SAAA,CAAA,MAAA,EAHWyC,IAAc,GAAA,IAAA,KAAA,CAAA,IAAA,CAAA,EAAA,IAAA,GAAA,CAAA,EAAA,IAAA,GAAA,IAAA,EAAA,IAAA,EAAA,EAAA;UAAdA,IAAc,CAAA,IAAA,CAAA,GAAA,SAAA,CAAA,IAAA,CAAA,CAAA;AAAA,SAAA;QAIb,CAAAR,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMG,OAAU,MAAhB,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,KAAA,CAAA,sBAAA,EAAA,CAAA,mBAAA,CAAA,CAAA,MAAA,CAAmBC,IAAI,CAAA,CAAA,CAAA;OACrC;AACAC,MAAAA,MAAA,EAAQ,SAAkB,MAAA,GAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QACxB,IAAI1C,YAAY,OAAS,EAAA;UACvBE,eAAA,CAAgB,KAAO,EAAA;AAAEF,YAAAA,OAAS,EAAA,sBAAA;AAAuB,WAAC,CAAA,CAAA;AAC5D,SAAA;AAAA,QAAA,KAAA,IAAA,KAAA,GAAA,SAAA,CAAA,MAAA,EAHUyC,IAAc,GAAA,IAAA,KAAA,CAAA,KAAA,CAAA,EAAA,KAAA,GAAA,CAAA,EAAA,KAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA;UAAdA,IAAc,CAAA,KAAA,CAAA,GAAA,SAAA,CAAA,KAAA,CAAA,CAAA;AAAA,SAAA;QAIZ,CAAAR,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMK,MAAS,MAAf,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,KAAA,CAAA,sBAAA,EAAA,CAAA,mBAAA,CAAA,CAAA,MAAA,CAAkBD,IAAI,CAAA,CAAA,CAAA;OACpC;MACAE,aAAA,EAAe,SAAC3B,aAAAA,CAAAA,CAAkB,EAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QAChC,IAAIhB,YAAY,cAAgB,EAAA;UAC9BE,eAAA,CAAgB,IAAM,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,cAAA;AAAe,WAAC,CAAA,CAAA;AACtD,SAAA;QACY,CAAAiC,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMM,mBAAN,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,mBAAA,EAAsB3B,CAAC,CAAA,CAAA;OACrC;MACA4B,SAAA,EAAW,SAAC5B,SAAAA,CAAAA,CAAqB,EAAA;AAAA,QAAA,IAAA,sBAAA,EAAA,mBAAA,CAAA;QAC3B,IAAA,CAAAA,CAAA,KAAA,IAAA,IAAAA,CAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,CAAA,CAAG6B,SAAQjD,OAAS,EAAA;UACtBM,eAAA,CAAgB,KAAO,EAAA;AAAEc,YAAAA,CAAG,EAAHA,CAAG;AAAAhB,YAAAA,OAAA,EAAS,aAAA;AAAc,WAAC,CAAA,CAAA;AACtD,SAAA;QACY,CAAAiC,sBAAAA,GAAAA,CAAAA,mBAAAA,GAAAA,WAAA,CAAAI,KAAA,EAAMO,eAAN,IAAA,IAAA,sBAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,sBAAA,CAAA,IAAA,CAAA,mBAAA,EAAkB5B,CAAC,CAAA,CAAA;AACjC,OAAA;KACF,CAAA;AAEI,IAAA,IAAA8B,UAAA,CAAWb,WAAW,CAAG,EAAA;MAC3BC,YAAA,CAAaa,GAAM,GAAAC,WAAA,CAAY7C,UAAa,EAAA8B,WAAA,CAAoBc,GAAG,CAAA,CAAA;AACrE,KAAO,MAAA;AAELb,MAAAA,YAAA,CAAa,gBAAgBzB,cAAe,CAAAW,OAAA,CAAA;AAC9C,KAAA;AAEO,IAAA,OAAAc,YAAA,CAAA;AACT,GAAA;EAGA,SAASe,eAAeC,QAA2B,EAAA;IAC3C,IAAAjB,WAAA,gBACJkB,eAAeD,QAAQ,CAAA,IAAK,CAACE,UAAW,CAAAF,QAAQ,CAC9C,GAAAA,QAAA,kBAECG,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAKnB,MAAAA,qBAAc9B,WAAA,EAAA,UAAA,CAAA;KAAA,EAAwB6C,QAAS,CAAA,CAAA;IAGzD,oBAAOG,KAAM,CAAAE,YAAA,CAAatB,WAAa,EAAAD,eAAA,CAAgBC,WAAW,CAAC,CAAA,CAAA;AACrE,GAAA;EAGM,IAAAuB,aAAA,GAAgBC,WAAY,CAAA,YAAA;AAAA,IAAA,OAAMpC,QAAS,CAAAqC,aAAA,yBAA8BjD,cAAe,CAAAW,OAAA,EAAc,KAAA,CAAA,CAAA,CAAA;AAAA,GAAA,EAAA,EAAE,CAAA,CAAA;EAEvG,OAAA;AACL6B,IAAAA,cAAA,EAAAA,cAAA;AACAzB,IAAAA,aAAA,EAAAA,aAAA;AACAgC,IAAAA,aAAA,EAAAA,aAAAA;GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"useTrigger.js","sources":["../../../src/popup/hooks/useTrigger.tsx"],"sourcesContent":["import React, { useRef, useEffect, isValidElement, useCallback } from 'react';\nimport { isFragment } from 'react-is';\nimport classNames from 'classnames';\nimport { supportRef, getRefDom } from '../utils/ref';\nimport composeRefs from '../../_util/composeRefs';\n\nconst ESC_KEY = 'Escape';\n\nexport default function useTrigger({ content, disabled, trigger, visible, onVisibleChange, triggerRef }) {\n  const hasPopupMouseDown = useRef(false);\n  const mouseDownTimer = useRef(0);\n  const triggerDataKey = useRef(`t-popup--${Math.random().toFixed(10)}`);\n\n  // 禁用和无内容时不展示\n  const shouldToggle = !disabled && content;\n\n  // 点击 trigger overlay 以外的元素关闭\n  useEffect(() => {\n    if (!shouldToggle) return;\n\n    const handleDocumentClick = (e: any) => {\n      if (getRefDom(triggerRef)?.contains?.(e.target) || hasPopupMouseDown.current) {\n        return;\n      }\n      visible && onVisibleChange(false, { e, trigger: 'document' });\n    };\n    document.addEventListener('mousedown', handleDocumentClick);\n    document.addEventListener('touchend', handleDocumentClick);\n    return () => {\n      document.removeEventListener('mousedown', handleDocumentClick);\n      document.removeEventListener('touchend', handleDocumentClick);\n    };\n  }, [shouldToggle, visible, onVisibleChange, triggerRef]);\n\n  // 弹出内容交互处理\n  function getPopupProps(): any {\n    if (!shouldToggle) return {};\n\n    return {\n      onMouseEnter: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n        }\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n        }\n      },\n      onMouseDown: () => {\n        clearTimeout(mouseDownTimer.current);\n        hasPopupMouseDown.current = true;\n        mouseDownTimer.current = window.setTimeout(() => {\n          hasPopupMouseDown.current = false;\n        });\n      },\n      onTouchEnd: () => {\n        clearTimeout(mouseDownTimer.current);\n        hasPopupMouseDown.current = true;\n        mouseDownTimer.current = window.setTimeout(() => {\n          hasPopupMouseDown.current = false;\n        });\n      },\n    };\n  }\n\n  // 整理 trigger props\n  function getTriggerProps(triggerNode: React.ReactElement) {\n    if (!shouldToggle) return {};\n\n    const triggerProps: any = {\n      className: visible\n        ? classNames(triggerNode.props.className, `t-popup-open`)\n        : triggerNode.props.className,\n      onClick: (e: MouseEvent) => {\n        if (trigger === 'click') {\n          onVisibleChange(!visible, { e, trigger: 'trigger-element-click' });\n        }\n        triggerNode.props.onClick?.(e);\n      },\n      onTouchStart: (e: TouchEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n        }\n        triggerNode.props.onTouchStart?.(e);\n      },\n      onMouseEnter: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(true, { e, trigger: 'trigger-element-hover' });\n        }\n        triggerNode.props.onMouseEnter?.(e);\n      },\n      onMouseLeave: (e: MouseEvent) => {\n        if (trigger === 'hover') {\n          onVisibleChange(false, { e, trigger: 'trigger-element-hover' });\n        }\n        triggerNode.props.onMouseLeave?.(e);\n      },\n      onFocus: (...args: any) => {\n        if (trigger === 'focus') {\n          onVisibleChange(true, { trigger: 'trigger-element-focus' });\n        }\n        triggerNode.props.onFocus?.(...args);\n      },\n      onBlur: (...args: any) => {\n        if (trigger === 'focus') {\n          onVisibleChange(false, { trigger: 'trigger-element-blur' });\n        }\n        triggerNode.props.onBlur?.(...args);\n      },\n      onContextMenu: (e: MouseEvent) => {\n        if (trigger === 'context-menu') {\n          onVisibleChange(true, { e, trigger: 'context-menu' });\n        }\n        triggerNode.props.onContextMenu?.(e);\n      },\n      onKeyDown: (e: KeyboardEvent) => {\n        if (e?.key === ESC_KEY) {\n          onVisibleChange(false, { e, trigger: 'keydown-esc' });\n        }\n        triggerNode.props.onKeyDown?.(e);\n      },\n    };\n\n    if (supportRef(triggerNode)) {\n      triggerProps.ref = composeRefs(triggerRef, (triggerNode as any).ref);\n    } else {\n      // 标记 trigger 元素\n      triggerProps['data-popup'] = triggerDataKey.current;\n    }\n\n    return triggerProps;\n  }\n\n  // 整理 trigger 元素\n  function getTriggerNode(children: React.ReactNode) {\n    const triggerNode =\n      isValidElement(children) && !isFragment(children) ? (\n        children\n      ) : (\n        <span className='t-trigger'>{children}</span>\n      );\n\n    return React.cloneElement(triggerNode, getTriggerProps(triggerNode));\n  }\n\n  // ref 透传失败时使用 dom 查找\n  const getTriggerDom = useCallback(() => document.querySelector(`[data-popup=\"${triggerDataKey.current}\"]`), []);\n\n  return {\n    getTriggerNode,\n    getPopupProps,\n    getTriggerDom,\n  };\n}\n"],"names":["ESC_KEY","useTrigger","content","disabled","trigger","visible","onVisibleChange","triggerRef","hasPopupMouseDown","useRef","mouseDownTimer","triggerDataKey","Math","random","toFixed","shouldToggle","useEffect","handleDocumentClick","e","getRefDom","contains","target","current","document","addEventListener","removeEventListener","getPopupProps","onMouseEnter","onMouseLeave","onMouseDown","clearTimeout","window","setTimeout","onTouchEnd","getTriggerProps","triggerNode","triggerProps","className","classNames","props","onClick","onTouchStart","onFocus","args","onBlur","onContextMenu","onKeyDown","key","supportRef","ref","composeRefs","getTriggerNode","children","isValidElement","isFragment","React","createElement","cloneElement","getTriggerDom","useCallback","querySelector"],"mappings":"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"}

package/es/popup/style/index.css

@@ -47,7 +47,7 @@
   border-radius: var(--td-radius-medium);
   padding: 4px 8px;
   font-size: var(--td-font-size-body-medium);
-  line-height: 22px;
+  line-height: var(--td-line-height-body-medium);
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
   word-break: break-all;

package/es/radio/style/index.css

@@ -44,6 +44,21 @@
       flex-wrap: wrap;
   row-gap: 4px;
 }
+.t-radio-group.t-radio-group__outline.t-size-s .t-radio-button {
+  height: 24px;
+}
+.t-radio-group.t-radio-group__outline.t-size-m .t-radio-button {
+  height: 32px;
+}
+.t-radio-group.t-radio-group__outline.t-size-l .t-radio-button {
+  height: 40px;
+}
+.t-radio-group.t-radio-group__outline .t-radio-button:first-child {
+  border-radius: var(--td-radius-default) 0 0 var(--td-radius-default);
+}
+.t-radio-group.t-radio-group__outline .t-radio-button:last-child {
+  border-radius: 0 var(--td-radius-default) var(--td-radius-default) 0;
+}
 .t-radio-group.t-radio-group__outline .t-radio-button.t-is-checked {
   color: var(--td-brand-color);
 }
@@ -131,7 +146,7 @@
 }
 .t-radio-group.t-size-s .t-radio-button {
   height: 20px;
-  padding: 0px 4px;
+  padding: 0px 8px;
   font: var(--td-font-body-small);
 }
 .t-radio-group.t-size-s .t-radio-button::before {

package/es/rate/style/index.css

@@ -2,6 +2,9 @@
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
 }
 .t-rate .t-rate__star-top {
   position: absolute;
@@ -43,8 +46,6 @@
 }
 .t-rate__text {
   color: var(--td-text-color-primary);
-  font-size: var(--td-font-size-body-medium);
-  margin-left: 16px;
-  font-weight: 700;
-  line-height: 22px;
+  font: var(--td-font-mark-medium);
+  margin-left: var(--td-comp-margin-l);
 }

package/es/steps/style/index.css

@@ -8,11 +8,10 @@
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   text-align: center;
   border-radius: var(--td-radius-circle);
-  margin-top: 3px;
   font-size: var(--td-font-size-body-large);
 }
 .t-steps {
@@ -34,7 +33,7 @@
           flex: 1;
   overflow: hidden;
   vertical-align: top;
-  margin-right: 8px;
+  margin-right: var(--td-comp-margin-s);
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -102,7 +101,7 @@
 .t-steps .t-steps-item__icon {
   vertical-align: top;
   font-size: var(--td-font-size-body-medium);
-  margin-right: 8px;
+  margin-right: var(--td-comp-margin-s);
   color: var(--td-text-color-placeholder);
 }
 .t-steps .t-steps-item__icon--number {
@@ -117,11 +116,10 @@
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   text-align: center;
   border-radius: var(--td-radius-circle);
-  margin-top: 3px;
   font-size: var(--td-font-size-body-large);
 }
 .t-steps .t-steps-item__icon--finish {
@@ -135,15 +133,14 @@
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   text-align: center;
   border-radius: var(--td-radius-circle);
-  margin-top: 3px;
   font-size: var(--td-font-size-body-large);
 }
 .t-steps .t-steps-item__icon--error {
-  border: 1px solid var(--td-error-color-6);
+  border: 1px solid var(--td-error-color);
   color: #000;
   display: -webkit-box;
   display: -ms-flexbox;
@@ -154,19 +151,18 @@
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
-  width: 24px;
-  height: 24px;
+  width: 22px;
+  height: 22px;
   text-align: center;
   border-radius: var(--td-radius-circle);
-  margin-top: 3px;
   font-size: var(--td-font-size-body-large);
 }
 .t-steps .t-steps-item__icon > .t-icon {
-  font-size: 24px;
+  font-size: calc(var(--td-font-size-body-medium) + 10px);
 }
 .t-steps .t-steps-item__title {
   position: relative;
-  padding-right: 8px;
+  padding-right: var(--td-comp-margin-s);
   color: var(--td-text-color-placeholder);
   font-size: var(--td-font-size-body-large);
   line-height: 24px;
@@ -174,7 +170,7 @@
 .t-steps .t-steps-item__description {
   color: var(--td-text-color-placeholder);
   font-size: var(--td-font-size-body-medium);
-  margin-bottom: 4px;
+  margin-bottom: var(--td-comp-margin-xs);
   line-height: 22px;
 }
 .t-steps--line-separator .t-steps-item:before,
@@ -187,23 +183,18 @@
 .t-steps--dashed-separator .t-steps-item__title:after {
   border-style: dashed;
 }
-.t-steps--horizontal.t-steps--default-anchor .t-steps-item__content {
-  margin-top: 4px;
-}
 .t-steps--horizontal.t-steps--default-anchor .t-steps-item__title {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
-  margin-bottom: 4px;
+  margin-bottom: var(--td-comp-margin-xs);
 }
 .t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon__number {
-  width: steps-circle-width;
-  height: 24px;
-  margin-top: 4px;
+  width: 22px;
+  height: 22px;
 }
 .t-steps--horizontal.t-steps--default-anchor .t-steps-item__icon > .t-icon {
-  font-size: 24px;
-  margin-top: 4px;
+  font-size: calc(var(--td-font-size-body-medium) + 10px);
 }
 .t-steps--horizontal.t-steps--default-anchor .t-steps-item:not(:last-child) .t-steps-item__title:after {
   content: "";
@@ -237,7 +228,7 @@
       -ms-flex-align: end;
           align-items: flex-end;
   border: 0;
-  font-size: 16px;
+  font-size: var(--td-font-size-body-large);
   color: var(--td-text-color-placeholder);
 }
 .t-steps--horizontal.t-steps--default-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
@@ -280,7 +271,7 @@
       -ms-flex-align: end;
           align-items: flex-end;
   border: 0;
-  font-size: 16px;
+  font-size: var(--td-font-size-body-large);
   color: var(--td-text-color-placeholder);
 }
 .t-steps--horizontal.t-steps--default-anchor.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::after {
@@ -310,7 +301,7 @@
 }
 .t-steps--horizontal.t-steps--dot-anchor .t-steps-item .t-steps-item__title {
   padding-right: 0;
-  margin-bottom: 4px;
+  margin-bottom: var(--td-comp-margin-xs);
 }
 .t-steps--horizontal.t-steps--dot-anchor .t-steps-item--finish .t-steps-item__icon {
   border-color: var(--td-brand-color);
@@ -341,7 +332,7 @@
   height: 8px;
   border: 2px solid var(--td-text-color-placeholder);
   border-radius: var(--td-radius-circle);
-  margin-bottom: 4px;
+  margin-bottom: var(--td-comp-margin-xs);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -367,7 +358,7 @@
       -ms-flex-align: start;
           align-items: flex-start;
   border: 0;
-  font-size: 16px;
+  font-size: var(--td-font-size-body-large);
   -webkit-transform: rotateZ(90deg);
           transform: rotateZ(90deg);
   color: var(--td-text-color-placeholder);
@@ -407,7 +398,7 @@
       -ms-flex-align: start;
           align-items: flex-start;
   border: 0;
-  font-size: 16px;
+  font-size: var(--td-font-size-body-large);
   -webkit-transform: rotateZ(90deg);
           transform: rotateZ(90deg);
   color: var(--td-text-color-placeholder);
@@ -468,7 +459,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  font-size: 16px;
+  font-size: var(--td-font-size-body-large);
   -webkit-transform: rotateZ(180deg);
           transform: rotateZ(180deg);
   color: var(--td-text-color-placeholder);
@@ -477,7 +468,7 @@
   color: var(--td-brand-color);
 }
 .t-steps--vertical.t-steps--positive .t-steps-item {
-  padding-bottom: 24px;
+  padding-bottom: var(--td-comp-margin-xxl);
   margin-bottom: 5px;
 }
 .t-steps--vertical.t-steps--positive .t-steps-item:not(:last-child)::before {
@@ -498,11 +489,11 @@
   color: var(--td-brand-color);
 }
 .t-steps--vertical.t-steps--default-anchor .t-steps-item__content {
-  margin-top: 2px;
+  margin-top: var(--td-comp-margin-xxs);
   margin-left: 0px;
 }
 .t-steps--vertical.t-steps--default-anchor .t-steps-item__title {
-  margin-bottom: 4px;
+  margin-bottom: var(--td-comp-margin-xs);
 }
 .t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
   content: "^";
@@ -517,7 +508,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  font-size: 14px;
+  font-size: var(--td-font-size-body-medium);
   color: var(--td-text-color-placeholder);
 }
 .t-steps--vertical.t-steps--dot-anchor.t-steps--positive.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
@@ -560,7 +551,7 @@
   height: 8px;
   border: 2px solid var(--td-text-color-placeholder);
   border-radius: var(--td-radius-circle);
-  margin-bottom: 4px;
+  margin-bottom: var(--td-comp-margin-xs);
   position: relative;
   -webkit-box-sizing: border-box;
           box-sizing: border-box;
@@ -581,7 +572,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  font-size: 16px;
+  font-size: var(--td-font-size-body-large);
   -webkit-transform: rotateZ(180deg);
           transform: rotateZ(180deg);
   color: var(--td-text-color-placeholder);
@@ -592,14 +583,14 @@
 .t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item:not(:last-child)::before {
   -webkit-transform: rotateZ(0);
           transform: rotateZ(0);
-  margin-top: 4px;
+  margin-top: var(--td-comp-margin-xs);
 }
 .t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--process:not(:last-child)::before,
 .t-steps--vertical.t-steps--reverse.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {
   color: var(--td-brand-color);
 }
 .t-steps--vertical.t-steps--reverse .t-steps-item {
-  padding-bottom: 24px;
+  padding-bottom: var(--td-comp-margin-xxl);
   margin-bottom: 5px;
 }
 .t-steps--vertical.t-steps--reverse .t-steps-item:not(:last-child)::before {
@@ -633,7 +624,7 @@
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
-  font-size: 14px;
+  font-size: var(--td-font-size-body-medium);
   color: var(--td-text-color-placeholder);
 }
 .t-steps--vertical.t-steps--reverse.t-steps--dot-anchor.t-steps--arrow-separator .t-steps-item--finish:not(:last-child)::before {