@ant-design/pro-components 3.0.0-beta.1 → 3.0.0-beta.3

package/lib/card/components/CheckCard/style.js

@@ -1,243 +1,208 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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);
+"use strict";
 
-// src/card/components/CheckCard/style.ts
-var style_exports = {};
-__export(style_exports, {
-  cardLoading: () => cardLoading,
-  useStyle: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_cssinjs = require("@ant-design/cssinjs");
-var import_provider = require("../../../provider");
-var proCheckCardActive = (token) => ({
-  backgroundColor: token.colorPrimaryBg,
-  borderColor: token.colorPrimary
-});
-var proCheckCardDisabled = (token) => ({
-  backgroundColor: token.colorBgContainerDisabled,
-  borderColor: token.colorBorder,
-  cursor: "not-allowed",
-  [token.componentCls]: {
-    "&-description": { color: token.colorTextDisabled },
-    "&-title": {
+exports.cardLoading = void 0;
+exports.useStyle = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _cssinjs = require("@ant-design/cssinjs");
+var _provider = require("../../../provider");
+var proCheckCardActive = function proCheckCardActive(token) {
+  return {
+    backgroundColor: token.colorPrimaryBg,
+    borderColor: token.colorPrimary
+  };
+};
+var proCheckCardDisabled = function proCheckCardDisabled(token) {
+  return (0, _defineProperty2.default)({
+    backgroundColor: token.colorBgContainerDisabled,
+    borderColor: token.colorBorder,
+    cursor: 'not-allowed'
+  }, token.componentCls, {
+    '&-description': {
       color: token.colorTextDisabled
     },
-    "&-avatar": {
-      opacity: "0.25"
+    '&-title': {
+      color: token.colorTextDisabled
+    },
+    '&-avatar': {
+      opacity: '0.25'
     }
+  });
+};
+var cardLoading = exports.cardLoading = new _cssinjs.Keyframes('card-loading', {
+  '0%': {
+    backgroundPosition: '0 50%'
+  },
+  '50%': {
+    backgroundPosition: '100% 50%'
+  },
+  '100%': {
+    backgroundPosition: '0 50%'
   }
 });
-var cardLoading = new import_cssinjs.Keyframes("card-loading", {
-  "0%": { backgroundPosition: "0 50%" },
-  "50%": { backgroundPosition: "100% 50%" },
-  "100%": { backgroundPosition: "0 50%" }
-});
-var genProStyle = (token) => {
-  return {
-    [token.componentCls]: {
-      position: "relative",
-      display: "inline-block",
-      width: "320px",
-      marginInlineEnd: "16px",
-      marginBlockEnd: "16px",
-      color: token.colorText,
-      fontSize: token.fontSize,
-      lineHeight: token.lineHeight,
-      verticalAlign: "top",
-      backgroundColor: token.colorBgContainer,
-      borderRadius: token.borderRadius,
-      overflow: "auto",
-      cursor: "pointer",
-      transition: `all 0.3s`,
-      "&:after": {
-        position: "absolute",
-        insetBlockStart: 2,
-        insetInlineEnd: 2,
-        width: 0,
-        height: 0,
-        opacity: 0,
-        transition: "all 0.3s " + token.motionEaseInOut,
-        borderBlockEnd: `${token.borderRadius + 4}px  solid transparent`,
-        borderInlineStart: `${token.borderRadius + 4}px  solid transparent`,
-        borderStartEndRadius: `${token.borderRadius}px`,
-        content: "''"
-      },
-      "&:last-child": {
-        marginInlineEnd: 0
-      },
-      "& + &": {
-        marginInlineStart: "0 !important"
-      },
-      "&-bordered": {
-        border: `${token.lineWidth}px solid ${token.colorBorder}`
-      },
-      "&-group": {
-        display: "inline-block",
-        "&-sub-check-card": {
-          display: "flex",
-          flexDirection: "column",
-          gap: "8px",
-          "&-title": {
-            cursor: "pointer",
-            paddingBlock: token.paddingXS,
-            display: "flex",
-            gap: 4,
-            alignItems: "center"
-          },
-          "&-panel": {
-            visibility: "initial",
-            transition: "all 0.3s",
-            opacity: 1,
-            "&-collapse": {
-              display: "none",
-              visibility: "hidden",
-              opacity: 0
-            }
-          }
-        }
-      },
-      [`${token.componentCls}-loading`]: {
-        overflow: "hidden",
-        userSelect: "none",
-        "&-content": {
-          padding: token.paddingMD
-        }
-      },
-      "&:focus": proCheckCardActive(token),
-      "&-checked": __spreadProps(__spreadValues({}, proCheckCardActive(token)), {
-        "&:after": {
+var genProStyle = function genProStyle(token) {
+  var _token$componentCls;
+  return (0, _defineProperty2.default)({}, token.componentCls, (_token$componentCls = {
+    position: 'relative',
+    display: 'inline-block',
+    width: '320px',
+    marginInlineEnd: '16px',
+    marginBlockEnd: '16px',
+    color: token.colorText,
+    fontSize: token.fontSize,
+    lineHeight: token.lineHeight,
+    verticalAlign: 'top',
+    backgroundColor: token.colorBgContainer,
+    borderRadius: token.borderRadius,
+    overflow: 'auto',
+    cursor: 'pointer',
+    transition: "all 0.3s",
+    '&:after': {
+      position: 'absolute',
+      insetBlockStart: 2,
+      insetInlineEnd: 2,
+      width: 0,
+      height: 0,
+      opacity: 0,
+      transition: 'all 0.3s ' + token.motionEaseInOut,
+      borderBlockEnd: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderInlineStart: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderStartEndRadius: "".concat(token.borderRadius, "px"),
+      content: "''"
+    },
+    '&:last-child': {
+      marginInlineEnd: 0
+    },
+    '& + &': {
+      marginInlineStart: '0 !important'
+    },
+    '&-bordered': {
+      border: "".concat(token.lineWidth, "px solid ").concat(token.colorBorder)
+    },
+    '&-group': {
+      display: 'inline-block',
+      '&-sub-check-card': {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        '&-title': {
+          cursor: 'pointer',
+          paddingBlock: token.paddingXS,
+          display: 'flex',
+          gap: 4,
+          alignItems: 'center'
+        },
+        '&-panel': {
+          visibility: 'initial',
+          transition: 'all 0.3s',
           opacity: 1,
-          border: `${token.borderRadius + 4}px solid ${token.colorPrimary}`,
-          borderBlockEnd: `${token.borderRadius + 4}px  solid transparent`,
-          borderInlineStart: `${token.borderRadius + 4}px  solid transparent`,
-          borderStartEndRadius: `${token.borderRadius}px`
-        }
-      }),
-      "&-disabled": proCheckCardDisabled(token),
-      "&[disabled]": proCheckCardDisabled(token),
-      "&-checked&-disabled": {
-        "&:after": {
-          position: "absolute",
-          insetBlockStart: 2,
-          insetInlineEnd: 2,
-          width: 0,
-          height: 0,
-          border: `${token.borderRadius + 4}px solid ${token.colorTextDisabled}`,
-          borderBlockEnd: `${token.borderRadius + 4}px  solid transparent`,
-          borderInlineStart: `${token.borderRadius + 4}px  solid transparent`,
-          borderStartEndRadius: `${token.borderRadius}px`,
-          content: "''"
-        }
-      },
-      "&-lg": {
-        width: 440
-      },
-      "&-sm": {
-        width: 212
-      },
-      "&-cover": {
-        paddingInline: token.paddingXXS,
-        paddingBlock: token.paddingXXS,
-        img: {
-          width: "100%",
-          height: "100%",
-          overflow: "hidden",
-          borderRadius: token.borderRadius
-        }
-      },
-      "&-content": {
-        display: "flex",
-        paddingInline: token.paddingSM,
-        paddingBlock: token.padding
-      },
-      "&-body": {
-        paddingInline: token.paddingSM,
-        paddingBlock: token.padding
-      },
-      "&-avatar-header": { display: "flex", alignItems: "center" },
-      "&-avatar": { paddingInlineEnd: 8 },
-      "&-detail": {
-        overflow: "hidden",
-        width: "100%",
-        "> div:not(:last-child)": {
-          marginBlockEnd: 4
-        }
-      },
-      "&-header": {
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        lineHeight: token.lineHeight,
-        "&-left": {
-          display: "flex",
-          alignItems: "center",
-          gap: token.sizeSM,
-          minWidth: 0
-        }
-      },
-      "&-title": {
-        overflow: "hidden",
-        color: token.colorTextHeading,
-        fontWeight: "500",
-        fontSize: token.fontSize,
-        whiteSpace: "nowrap",
-        textOverflow: "ellipsis",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "space-between",
-        "&-with-ellipsis": {
-          display: "inline-block"
-        }
-      },
-      "&-description": {
-        color: token.colorTextSecondary
-      },
-      [`&:not(${token.componentCls}-disabled)`]: {
-        "&:hover": {
-          borderColor: token.colorPrimary
+          '&-collapse': {
+            display: 'none',
+            visibility: 'hidden',
+            opacity: 0
+          }
         }
       }
     }
-  };
+  }, (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_token$componentCls, "".concat(token.componentCls, "-loading"), {
+    overflow: 'hidden',
+    userSelect: 'none',
+    '&-content': {
+      padding: token.paddingMD
+    }
+  }), '&:focus', proCheckCardActive(token)), '&-checked', (0, _objectSpread2.default)((0, _objectSpread2.default)({}, proCheckCardActive(token)), {}, {
+    '&:after': {
+      opacity: 1,
+      border: "".concat(token.borderRadius + 4, "px solid ").concat(token.colorPrimary),
+      borderBlockEnd: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderInlineStart: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderStartEndRadius: "".concat(token.borderRadius, "px")
+    }
+  })), '&-disabled', proCheckCardDisabled(token)), '&[disabled]', proCheckCardDisabled(token)), '&-checked&-disabled', {
+    '&:after': {
+      position: 'absolute',
+      insetBlockStart: 2,
+      insetInlineEnd: 2,
+      width: 0,
+      height: 0,
+      border: "".concat(token.borderRadius + 4, "px solid ").concat(token.colorTextDisabled),
+      borderBlockEnd: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderInlineStart: "".concat(token.borderRadius + 4, "px  solid transparent"),
+      borderStartEndRadius: "".concat(token.borderRadius, "px"),
+      content: "''"
+    }
+  }), '&-lg', {
+    width: 440
+  }), '&-sm', {
+    width: 212
+  }), '&-cover', {
+    paddingInline: token.paddingXXS,
+    paddingBlock: token.paddingXXS,
+    img: {
+      width: '100%',
+      height: '100%',
+      overflow: 'hidden',
+      borderRadius: token.borderRadius
+    }
+  }), '&-content', {
+    display: 'flex',
+    paddingInline: token.paddingSM,
+    paddingBlock: token.padding
+  }), (0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)((0, _defineProperty2.default)(_token$componentCls, '&-body', {
+    paddingInline: token.paddingSM,
+    paddingBlock: token.padding
+  }), '&-avatar-header', {
+    display: 'flex',
+    alignItems: 'center'
+  }), '&-avatar', {
+    paddingInlineEnd: 8
+  }), '&-detail', {
+    overflow: 'hidden',
+    width: '100%',
+    '> div:not(:last-child)': {
+      marginBlockEnd: 4
+    }
+  }), '&-header', {
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    lineHeight: token.lineHeight,
+    '&-left': {
+      display: 'flex',
+      alignItems: 'center',
+      gap: token.sizeSM,
+      minWidth: 0
+    }
+  }), '&-title', {
+    overflow: 'hidden',
+    color: token.colorTextHeading,
+    fontWeight: '500',
+    fontSize: token.fontSize,
+    whiteSpace: 'nowrap',
+    textOverflow: 'ellipsis',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    '&-with-ellipsis': {
+      display: 'inline-block'
+    }
+  }), '&-description', {
+    color: token.colorTextSecondary
+  }), "&:not(".concat(token.componentCls, "-disabled)"), {
+    '&:hover': {
+      borderColor: token.colorPrimary
+    }
+  })));
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("CheckCard", (token) => {
-    const proListToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('CheckCard', function (token) {
+    var proListToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genProStyle(proListToken)];
   });
-}
+}

package/lib/card/components/Divider/index.js

@@ -1,50 +1,33 @@
-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);
+"use strict";
 
-// src/card/components/Divider/index.tsx
-var Divider_exports = {};
-__export(Divider_exports, {
-  default: () => Divider_default
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Divider_exports);
-var import_antd = require("antd");
-var import_classnames = __toESM(require("classnames"));
-var import_react = __toESM(require("react"));
-var import_style = __toESM(require("./style"));
-var ProCardDivider = (props) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_antd.ConfigProvider.ConfigContext);
-  const proCardPrefixCls = getPrefixCls("pro-card");
-  const prefixCls = `${proCardPrefixCls}-divider`;
-  const { wrapSSR, hashId } = (0, import_style.default)(proCardPrefixCls);
-  const { className, style = {}, type } = props;
-  const classString = (0, import_classnames.default)(prefixCls, className, hashId, {
-    [`${prefixCls}-${type}`]: type
-  });
-  return wrapSSR(/* @__PURE__ */ import_react.default.createElement("div", { className: classString, style }));
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _antd = require("antd");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _react = _interopRequireWildcard(require("react"));
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+var ProCardDivider = function ProCardDivider(props) {
+  var _useContext = (0, _react.useContext)(_antd.ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var proCardPrefixCls = getPrefixCls('pro-card');
+  var prefixCls = "".concat(proCardPrefixCls, "-divider");
+  var _useStyle = (0, _style.default)(proCardPrefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var className = props.className,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    type = props.type;
+  var classString = (0, _classnames.default)(prefixCls, className, hashId, (0, _defineProperty2.default)({}, "".concat(prefixCls, "-").concat(type), type));
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: classString,
+    style: style
+  }));
 };
-var Divider_default = ProCardDivider;
+var _default = exports.default = ProCardDivider;

package/lib/card/components/Divider/style.js

@@ -1,78 +1,44 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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);
+"use strict";
 
-// src/card/components/Divider/style.ts
-var style_exports = {};
-__export(style_exports, {
-  default: () => useStyle
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(style_exports);
-var import_provider = require("../../../provider");
-var genDividerStyle = (token) => {
-  const { componentCls } = token;
-  return {
-    [componentCls]: {
-      "&-divider": {
-        flex: "none",
-        width: token.lineWidth,
-        marginInline: token.marginXS,
-        marginBlock: token.marginLG,
-        backgroundColor: token.colorSplit,
-        "&-horizontal": {
-          width: "initial",
-          height: token.lineWidth,
-          marginInline: token.marginLG,
-          marginBlock: token.marginXS
-        }
-      },
-      "&&-size-small &-divider": {
-        marginBlock: token.marginLG,
-        marginInline: token.marginXS,
-        "&-horizontal": {
-          marginBlock: token.marginXS,
-          marginInline: token.marginLG
-        }
+exports.default = useStyle;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _provider = require("../../../provider");
+var genDividerStyle = function genDividerStyle(token) {
+  var componentCls = token.componentCls;
+  return (0, _defineProperty2.default)({}, componentCls, {
+    '&-divider': {
+      flex: 'none',
+      width: token.lineWidth,
+      marginInline: token.marginXS,
+      marginBlock: token.marginLG,
+      backgroundColor: token.colorSplit,
+      '&-horizontal': {
+        width: 'initial',
+        height: token.lineWidth,
+        marginInline: token.marginLG,
+        marginBlock: token.marginXS
+      }
+    },
+    '&&-size-small &-divider': {
+      marginBlock: token.marginLG,
+      marginInline: token.marginXS,
+      '&-horizontal': {
+        marginBlock: token.marginXS,
+        marginInline: token.marginLG
       }
     }
-  };
+  });
 };
 function useStyle(prefixCls) {
-  return (0, import_provider.useStyle)("ProCardDivider", (token) => {
-    const proCardDividerToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+  return (0, _provider.useStyle)('ProCardDivider', function (token) {
+    var proCardDividerToken = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
     });
     return [genDividerStyle(proCardDividerToken)];
   });
-}
+}