@capillarytech/blaze-ui 5.23.3-beta.1 → 5.23.3-beta.10

package/CapTable/index.js

@@ -1,166 +1,141 @@
-var _excluded = ["id", "className", "children", "infiniteScroll", "virtual", "pagination", "dataSource", "offset_limit", "setPagination", "scroll", "showLoader", "columns", "rowSelection", "locale"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- * CapTable - Migrated to Ant Design v5
- * A table component that supports:
- * - Infinite scrolling with manual scroll event handling
- * - Optional virtual scrolling for large datasets (requires explicit column widths)
- * - Sequential data loading
- * - Optimized scroll performance
- */
-import { Table } from 'antd-v5';
-import classNames from 'classnames';
-import { throttle } from 'lodash';
-import React, { useEffect, useCallback, useState, useRef, useMemo } from 'react';
-import LocaleHoc from "../LocaleHoc";
-import './styles.scss';
-import { getFilterCheckAllLocale, transformColumns, transformPagination, transformRowSelection } from "./utils";
-import { jsx as _jsx } from "react/jsx-runtime";
-var SCROLL_THRESHOLD = 80; // Percentage of scroll to trigger load
-var THROTTLE_DELAY = 50; // ms to wait between scroll events (matching original cap-ui-library)
-var DEFAULT_SCROLL_HEIGHT = 400;
-var CapTable = _ref => {
-  var {
-      id,
-      className,
-      children,
-      infiniteScroll,
-      virtual,
-      pagination: _pagination,
-      dataSource,
-      offset_limit,
-      setPagination,
-      scroll,
-      showLoader,
-      columns,
-      rowSelection,
-      locale
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var scrollRef = useRef(null);
-  var [hasMore, setHasMore] = useState(true);
-
-  // Transform deprecated props
-  var transformedColumns = useMemo(() => transformColumns(columns), [columns]);
-  var transformedRowSelection = useMemo(() => transformRowSelection(rowSelection), [rowSelection]);
-  var transformedPagination = useMemo(() => transformPagination(_pagination), [_pagination]);
-  var filterCheckAllLocale = useMemo(() => getFilterCheckAllLocale(columns), [columns]);
-
-  // Merge locale with filterCheckAll if needed
-  var mergedLocale = useMemo(() => {
+import { jsx } from "react/jsx-runtime";
+import { Table } from "antd-v5";
+import classNames from "classnames";
+import { throttle } from "lodash";
+import { useRef, useState, useMemo, useCallback, useEffect } from "react";
+import LocaleHoc from "../LocaleHoc/index.js";
+import styles from "./styles.module.scss.js";
+import { transformColumns, transformRowSelection, transformPagination, getFilterCheckAllLocale } from "./utils.js";
+const SCROLL_THRESHOLD = 80;
+const THROTTLE_DELAY = 50;
+const DEFAULT_SCROLL_HEIGHT = 400;
+const CapTable = ({
+  id,
+  className,
+  children,
+  infiniteScroll,
+  virtual,
+  pagination: _pagination,
+  dataSource,
+  offset_limit,
+  setPagination,
+  scroll,
+  showLoader,
+  columns,
+  rowSelection,
+  locale,
+  ...rest
+}) => {
+  const scrollRef = useRef(null);
+  const [hasMore, setHasMore] = useState(true);
+  const transformedColumns = useMemo(() => transformColumns(columns), [columns]);
+  const transformedRowSelection = useMemo(
+    () => transformRowSelection(rowSelection),
+    [rowSelection]
+  );
+  const transformedPagination = useMemo(() => transformPagination(_pagination), [_pagination]);
+  const filterCheckAllLocale = useMemo(() => getFilterCheckAllLocale(columns), [columns]);
+  const mergedLocale = useMemo(() => {
     if (!filterCheckAllLocale) return locale;
-    return _extends({}, locale, filterCheckAllLocale);
+    return { ...locale, ...filterCheckAllLocale };
   }, [locale, filterCheckAllLocale]);
-  var loadMore = useCallback(() => {
+  const loadMore = useCallback(() => {
     if (!showLoader && hasMore && setPagination && offset_limit) {
-      // Increment offset by limit (matching original cap-ui-library behavior)
-      var nextOffset = offset_limit.offset + (offset_limit.limit || 10);
-      var newOffsetLimit = _extends({}, offset_limit, {
+      const nextOffset = offset_limit.offset + (offset_limit.limit || 10);
+      const newOffsetLimit = {
+        ...offset_limit,
         offset: nextOffset
-      });
+      };
       setPagination(newOffsetLimit);
     }
   }, [showLoader, hasMore, setPagination, offset_limit]);
-  var handleScroll = useCallback(throttle(event => {
-    var target = event.target;
-    if (!target || !infiniteScroll || !hasMore || showLoader) return;
-    var scrollTop = Math.ceil(target.scrollTop);
-    var visibleHeight = target.clientHeight;
-    var totalHeight = target.scrollHeight;
-    var scrolledPercentage = (scrollTop + visibleHeight) / totalHeight * 100;
-    if (scrolledPercentage >= SCROLL_THRESHOLD) {
-      loadMore();
-    }
-  }, THROTTLE_DELAY), [infiniteScroll, showLoader, hasMore, loadMore]);
-
-  // Setup scroll listener and handle initial load
+  const handleScroll = useCallback(
+    throttle((event) => {
+      const target = event.target;
+      if (!target || !infiniteScroll || !hasMore || showLoader) return;
+      const scrollTop = Math.ceil(target.scrollTop);
+      const visibleHeight = target.clientHeight;
+      const totalHeight = target.scrollHeight;
+      const scrolledPercentage = (scrollTop + visibleHeight) / totalHeight * 100;
+      if (scrolledPercentage >= SCROLL_THRESHOLD) {
+        loadMore();
+      }
+    }, THROTTLE_DELAY),
+    [infiniteScroll, showLoader, hasMore, loadMore]
+  );
   useEffect(() => {
-    var rootElement = document.getElementById(id);
+    const rootElement = document.getElementById(id);
     if (!rootElement) return;
-    var tableBody = rootElement.querySelector('.ant-table-body');
+    const tableBody = rootElement.querySelector(".ant-table-body");
     if (!tableBody) return;
     scrollRef.current = tableBody;
-    tableBody.addEventListener('scroll', handleScroll, {
-      passive: true
-    });
-
-    // Check if initial load needed (matching original cap-ui-library behavior)
-    // Only trigger if: dataSource >= limit AND content doesn't overflow scroll area
-    var limit = (offset_limit == null ? void 0 : offset_limit.limit) || 10;
-    var hasEnoughData = dataSource && dataSource.length >= limit;
-    var scrollY = scroll != null && scroll.y ? Number(scroll.y) : 0;
-    var isNotOverflowing = scrollY && tableBody.scrollHeight <= scrollY;
+    tableBody.addEventListener("scroll", handleScroll, { passive: true });
+    const limit = (offset_limit == null ? void 0 : offset_limit.limit) || 10;
+    const hasEnoughData = dataSource && dataSource.length >= limit;
+    const scrollY = (scroll == null ? void 0 : scroll.y) ? Number(scroll.y) : 0;
+    const isNotOverflowing = scrollY && tableBody.scrollHeight <= scrollY;
     if (hasEnoughData && isNotOverflowing && !showLoader && hasMore) {
       loadMore();
     }
-
-    // Cleanup
     return () => {
-      var _scrollRef$current;
-      (_scrollRef$current = scrollRef.current) == null || _scrollRef$current.removeEventListener('scroll', handleScroll);
+      var _a;
+      (_a = scrollRef.current) == null ? void 0 : _a.removeEventListener("scroll", handleScroll);
       handleScroll.cancel();
     };
   }, [id, handleScroll, showLoader, hasMore, loadMore, dataSource, offset_limit, scroll]);
-
-  // Handle data changes - reset hasMore when data changes
   useEffect(() => {
     setHasMore(true);
   }, [dataSource]);
-  var tableClassName = classNames("cap-table-v2_WCvta", className, {
-    ["show-loader_wJAC9"]: showLoader
+  const tableClassName = classNames(styles["cap-table-v2"], className, {
+    [styles["show-loader"]]: showLoader
   });
-
-  // Calculate scroll.x for virtual tables if not explicitly provided
-  // Virtual tables require a numeric scroll.x to calculate row widths correctly
-  var scrollX = useMemo(() => {
-    // If explicitly provided, use that value
-    if ((scroll == null ? void 0 : scroll.x) !== undefined) {
+  const scrollX = useMemo(() => {
+    if ((scroll == null ? void 0 : scroll.x) !== void 0) {
       return scroll.x;
     }
-
-    // For virtual tables, calculate total width from column widths
     if (virtual && transformedColumns) {
-      var totalWidth = transformedColumns.reduce((sum, col) => {
-        if (typeof col.width === 'number') {
+      const totalWidth = transformedColumns.reduce((sum, col) => {
+        if (typeof col.width === "number") {
           return sum + col.width;
         }
-        if (typeof col.width === 'string') {
-          var parsed = parseInt(col.width, 10);
+        if (typeof col.width === "string") {
+          const parsed = parseInt(col.width, 10);
           return sum + (isNaN(parsed) ? 0 : parsed);
         }
         return sum;
       }, 0);
-
-      // Warn in development if columns don't have widths
-      if (totalWidth === 0 && process.env.NODE_ENV === 'development') {
-        console.warn('CapTable: When using virtual scrolling, columns should have explicit numeric widths. ' + 'Without widths, the table may have unexpected horizontal sizing.');
+      if (totalWidth === 0 && process.env.NODE_ENV === "development") {
+        console.warn(
+          "CapTable: When using virtual scrolling, columns should have explicit numeric widths. Without widths, the table may have unexpected horizontal sizing."
+        );
       }
-      return totalWidth > 0 ? totalWidth : undefined;
+      return totalWidth > 0 ? totalWidth : void 0;
     }
-    return undefined;
+    return void 0;
   }, [scroll == null ? void 0 : scroll.x, virtual, transformedColumns]);
-
-  // Use transformed pagination or false for infinite scroll
-  var finalPagination = infiniteScroll ? false : transformedPagination;
-  return /*#__PURE__*/_jsx(Table, _extends({
-    id: id,
-    className: tableClassName,
-    dataSource: dataSource,
-    columns: transformedColumns,
-    rowSelection: transformedRowSelection,
-    pagination: finalPagination,
-    locale: mergedLocale,
-    scroll: {
-      x: scrollX,
-      y: (scroll == null ? void 0 : scroll.y) || DEFAULT_SCROLL_HEIGHT,
-      scrollToFirstRowOnChange: false
-    },
-    virtual: virtual
-  }, rest, {
-    children: children
-  }));
+  const finalPagination = infiniteScroll ? false : transformedPagination;
+  return /* @__PURE__ */ jsx(
+    Table,
+    {
+      id,
+      className: tableClassName,
+      dataSource,
+      columns: transformedColumns,
+      rowSelection: transformedRowSelection,
+      pagination: finalPagination,
+      locale: mergedLocale,
+      scroll: {
+        x: scrollX,
+        y: (scroll == null ? void 0 : scroll.y) || DEFAULT_SCROLL_HEIGHT,
+        scrollToFirstRowOnChange: false
+      },
+      virtual,
+      ...rest,
+      children
+    }
+  );
+};
+const CapTable$1 = LocaleHoc(CapTable, { key: "CapTable" });
+export {
+  CapTable$1 as default
 };
-export default LocaleHoc(CapTable, {
-  key: 'CapTable'
-});

package/CapTable/loadable.js

@@ -1,11 +1,9 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import { loadable } from '@capillarytech/cap-ui-utils';
-import React, { Suspense } from 'react';
-import CapSkeleton from "../CapSkeleton";
-import { jsx as _jsx } from "react/jsx-runtime";
-var LoadableComponent = loadable(() => import("./index"));
-var CapTableLoadable = props => /*#__PURE__*/_jsx(Suspense, {
-  fallback: /*#__PURE__*/_jsx(CapSkeleton, {}),
-  children: /*#__PURE__*/_jsx(LoadableComponent, _extends({}, props))
-});
-export default CapTableLoadable;
+import { jsx } from "react/jsx-runtime";
+import { loadable } from "@capillarytech/cap-ui-utils";
+import { Suspense } from "react";
+import CapSkeleton from "../CapSkeleton/index.js";
+const LoadableComponent = loadable(() => import("./index.js"));
+const CapTableLoadable = (props) => /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(CapSkeleton, {}), children: /* @__PURE__ */ jsx(LoadableComponent, { ...props }) });
+export {
+  CapTableLoadable as default
+};

package/CapTable/styles.module.css

@@ -0,0 +1,49 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-table-v2 {
+  width: 100%;
+}
+.cap-table-v2 .ant-table-tbody .ant-table-row.ant-table-row-selected > .ant-table-cell {
+  background: #fafafa;
+}
+.cap-table-v2 .ant-table-tbody .ant-table-row.ant-table-row-selected:hover > .ant-table-cell {
+  background: #faf9f4;
+}
+.cap-table-v2 .ant-table {
+  border: 0.071rem solid #dfe2e7;
+}
+.cap-table-v2 .ant-table .ant-table-thead > tr > th {
+  font-size: 0.857rem;
+  line-height: 1.142rem;
+  text-align: left;
+  padding: 1.142rem 1.714rem;
+}
+.cap-table-v2 .ant-table .ant-table-thead > tr > th .ant-table-column-sorter {
+  vertical-align: unset;
+}
+.cap-table-v2 .ant-table .ant-table-tbody > tr > td {
+  padding: 1.142rem 1.714rem;
+  border-bottom: 0.071rem solid #dfe2e7;
+}
+.cap-table-v2 .ant-table .ant-table-tbody > tr:last-child > td {
+  border-bottom: none;
+}
+.cap-table-v2.show-loader .ant-table-body > table > tbody::after {
+  content: "Loading...";
+  display: flex;
+  justify-content: center;
+  position: absolute;
+  width: 100%;
+  align-items: center;
+  height: 4.286rem;
+  text-align: center;
+  font-size: 1.143rem;
+  color: cap-g04;
+  border-top: 0.071rem solid #dfe2e7;
+}

package/CapTable/styles.module.scss.js

@@ -0,0 +1,7 @@
+import './styles.module.css';const styles = {
+  "cap-table-v2": "cap-table-v2",
+  "show-loader": "show-loader"
+};
+export {
+  styles as default
+};

package/CapTable/styles.scss

@@ -1,6 +1,6 @@
 @import '../styles/_variables';
 
-.cap-table-v2_WCvta {
+.cap-table-v2 {
   width: 100%;
 
   :global {
@@ -46,7 +46,7 @@
   }
 
 
-  &.show-loader_wJAC9 {
+  &.show-loader {
     :global {
       .ant-table-body > table > tbody::after {
         content: 'Loading...';

package/CapTable/types.js

@@ -1 +1 @@
-export {};
+

package/CapTable/utils.js

@@ -1,103 +1,63 @@
-var _excluded = ["position"],
-  _excluded2 = ["filterDropdownOpen", "onFilterDropdownOpenChange"],
-  _excluded3 = ["onSelectInvert", "onChange"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- * Transform deprecated pagination.position to pagination.placement
- */
-export function transformPagination(pagination) {
+function transformPagination(pagination) {
   if (!pagination || pagination === false) return pagination;
-  var _ref = pagination,
-    {
-      position
-    } = _ref,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+  const { position, ...rest } = pagination;
   if (position && Array.isArray(position)) {
-    // Map position array to placement (use first position as placement)
-    var positionToPlacement = {
-      topLeft: 'topLeft',
-      topCenter: 'topLeft',
-      topRight: 'topRight',
-      bottomLeft: 'bottomLeft',
-      bottomCenter: 'bottomLeft',
-      bottomRight: 'bottomRight'
+    const positionToPlacement = {
+      topLeft: "topLeft",
+      topCenter: "topLeft",
+      topRight: "topRight",
+      bottomLeft: "bottomLeft",
+      bottomCenter: "bottomLeft",
+      bottomRight: "bottomRight"
     };
-    var placement = positionToPlacement[position[0]] || 'bottomRight';
-    return _extends({}, rest, {
-      position: [placement]
-    });
+    const placement = positionToPlacement[position[0]] || "bottomRight";
+    return { ...rest, position: [placement] };
   }
   return pagination;
 }
-
-/**
- * Transform deprecated column props:
- * - filterDropdownOpen → filterDropdownProps.open
- * - onFilterDropdownOpenChange → filterDropdownProps.onOpenChange
- * - filterCheckall → locale.filterCheckAll (handled at table level)
- */
-export function transformColumns(columns) {
+function transformColumns(columns) {
   if (!columns) return columns;
-  return columns.map(column => {
-    var _ref2 = column,
-      {
-        filterDropdownOpen,
-        onFilterDropdownOpenChange
-      } = _ref2,
-      rest = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-    var transformed = _extends({}, rest);
-
-    // Transform filterDropdownOpen and onFilterDropdownOpenChange to filterDropdownProps
-    if (filterDropdownOpen !== undefined || onFilterDropdownOpenChange !== undefined) {
-      transformed.filterDropdownProps = _extends({}, transformed.filterDropdownProps, filterDropdownOpen !== undefined && {
-        open: filterDropdownOpen
-      }, onFilterDropdownOpenChange !== undefined && {
-        onOpenChange: onFilterDropdownOpenChange
-      });
+  return columns.map((column) => {
+    const { filterDropdownOpen, onFilterDropdownOpenChange, ...rest } = column;
+    const transformed = { ...rest };
+    if (filterDropdownOpen !== void 0 || onFilterDropdownOpenChange !== void 0) {
+      transformed.filterDropdownProps = {
+        ...transformed.filterDropdownProps,
+        ...filterDropdownOpen !== void 0 && { open: filterDropdownOpen },
+        ...onFilterDropdownOpenChange !== void 0 && {
+          onOpenChange: onFilterDropdownOpenChange
+        }
+      };
     }
     return transformed;
   });
 }
-
-/**
- * Transform deprecated rowSelection.onSelectInvert to onChange
- */
-export function transformRowSelection(rowSelection) {
+function transformRowSelection(rowSelection) {
   if (!rowSelection) return rowSelection;
-  var _ref3 = rowSelection,
-    {
-      onSelectInvert,
-      onChange
-    } = _ref3,
-    rest = _objectWithoutPropertiesLoose(_ref3, _excluded3);
+  const { onSelectInvert, onChange, ...rest } = rowSelection;
   if (onSelectInvert && !onChange) {
-    // Wrap onSelectInvert in onChange
-    return _extends({}, rest, {
-      onChange: selectedRowKeys => {
+    return {
+      ...rest,
+      onChange: (selectedRowKeys) => {
         onSelectInvert(selectedRowKeys);
       }
-    });
+    };
   }
-  return _extends({}, rest, {
-    onChange
-  });
+  return { ...rest, onChange };
 }
-
-/**
- * Check if any column has deprecated filterCheckall and return locale override
- */
-export function getFilterCheckAllLocale(columns) {
-  if (!columns) return undefined;
-  for (var column of columns) {
-    var {
-      filterCheckall
-    } = column;
-    if (filterCheckall !== undefined) {
-      return {
-        filterCheckAll: filterCheckall
-      };
+function getFilterCheckAllLocale(columns) {
+  if (!columns) return void 0;
+  for (const column of columns) {
+    const { filterCheckall } = column;
+    if (filterCheckall !== void 0) {
+      return { filterCheckAll: filterCheckall };
     }
   }
-  return undefined;
-}
+  return void 0;
+}
+export {
+  getFilterCheckAllLocale,
+  transformColumns,
+  transformPagination,
+  transformRowSelection
+};

package/CapTag/index.js

@@ -1,31 +1,25 @@
-var _excluded = ["className", "disabled", "type"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-/**
- *
- * CapTag
- *
- */
-
-import { Tag } from 'antd-v5';
-import classNames from 'classnames';
-import './styles.scss';
-const styles = {"cap-tag-v2":"cap-tag-v2_lx2NS","static":"static_J2H8g","disabled":"disabled_jdfwb","outline":"outline_UUiBu"};
-import { jsx as _jsx } from "react/jsx-runtime";
-var clsPrefix = 'cap-tag-v2';
+import { jsx } from "react/jsx-runtime";
+import { Tag } from "antd-v5";
+import classNames from "classnames";
+import styles from "./styles.module.scss.js";
+const clsPrefix = "cap-tag-v2";
 function CapTag(props) {
-  var {
-      className,
+  const { className, disabled, type = "", ...rest } = props;
+  return /* @__PURE__ */ jsx(
+    Tag,
+    {
+      className: classNames(
+        styles[clsPrefix],
+        styles[type],
+        { [styles["disabled"]]: disabled },
+        className
+      ),
       disabled,
-      type = ''
-    } = props,
-    rest = _objectWithoutPropertiesLoose(props, _excluded);
-  return /*#__PURE__*/_jsx(Tag, _extends({
-    className: classNames(styles[clsPrefix], styles[type], {
-      ["disabled_jdfwb"]: disabled
-    }, className),
-    disabled: disabled
-  }, rest));
+      ...rest
+    }
+  );
 }
 CapTag.CheckableTag = Tag.CheckableTag;
-export default CapTag;
+export {
+  CapTag as default
+};

package/CapTag/styles.module.css

@@ -0,0 +1,27 @@
+/* Color Palette */
+/* Fonts */
+/* Backward Compatibility Aliases */
+/* Component Heights */
+/* Border Radius */
+/* Border Width */
+/* Transition */
+/* Timezones Footer */
+.cap-tag-v2 {
+  height: 2.285rem;
+  display: inline-flex;
+  align-items: center;
+  border: none;
+  background-color: #ebecf0;
+}
+.cap-tag-v2.static {
+  cursor: default;
+  pointer-events: none;
+}
+.cap-tag-v2.disabled {
+  background-color: #f4f5f7;
+  cursor: not-allowed;
+}
+.cap-tag-v2.outline {
+  background-color: #ffffff;
+  border: solid 1px #091e42;
+}

package/CapTag/styles.module.scss.js

@@ -0,0 +1,13 @@
+import './styles.module.css';const disabled = "disabled";
+const outline = "outline";
+const styles = {
+  "cap-tag-v2": "cap-tag-v2",
+  "static": "static",
+  disabled,
+  outline
+};
+export {
+  styles as default,
+  disabled,
+  outline
+};

package/CapTag/styles.scss

@@ -8,15 +8,15 @@ $tag: cap-tag-v2;
   align-items: center;
   border: none;
   background-color: $CAP_G08;
-  &.static_J2H8g {
+  &.static {
     cursor: default;
     pointer-events: none;
   }
-  &.disabled_jdfwb {
+  &.disabled {
     background-color: $CAP_G09;
     cursor: not-allowed;
   }
-  &.outline_UUiBu {
+  &.outline {
     background-color: $CAP_WHITE;
     border: solid 1px $CAP_G01;
   }

package/CapTag/types.js

@@ -1 +1 @@
-export {};
+