@java0racle/loongair-ui 0.0.1

package/dist/style.css

@@ -0,0 +1,695 @@
+:root {
+  /*
+    Loongair Design Tokens（统一维护入口）
+    - 命名：--la-<category>-<token>
+    - 仅放“设计系统”级别 token；组件内部用 token 派生，避免硬编码
+    - 后续可按 Pixso Variables/Styles 对齐替换数值
+  */
+
+  /* ---------- Color / 基础色板 ---------- */
+  --la-color-primary: #007fff;
+  --la-color-success: #00b042;
+  --la-color-warning: #ff9200;
+  --la-color-danger: #ff5219;
+  --la-color-info: #7e868e;
+
+  /* ---------- Color / 中性色（文本、边框、背景）---------- */
+  /* From Pixso DSL (most common): #303133 / #606266 / #a8abb2 / #909399 */
+  --la-text-1: #303133;
+  --la-text-2: #606266;
+  --la-text-3: #909399;
+  --la-text-4: #a8abb2;
+
+  /* Border colors: Pixso selection didn't surface explicit border palette; keep semantic defaults */
+  --la-border-1: #dcdfe6;
+  --la-border-2: #e4e7ed;
+  --la-border-3: #ebeef5;
+  --la-border-4: #f2f6fc;
+
+  /* From Pixso DSL: #ffffff, #f5f7fa, #fafafa */
+  --la-bg-1: #ffffff;
+  --la-bg-2: #f5f7fa;
+  --la-bg-3: #fafafa;
+  --la-bg-overlay: rgba(0, 0, 0, 0.4);
+
+  /* ---------- Typography / 字体 ---------- */
+  /* From Pixso DSL: PingFang SC Regular is present; keep system stack but prefer PingFang SC */
+  --la-font-family: "PingFang SC", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,
+    "Apple Color Emoji", "Segoe UI Emoji";
+
+  /* From Pixso DSL (most common): 14px, also 12px */
+  --la-font-size-xs: 12px;
+  --la-font-size-sm: 13px;
+  --la-font-size-md: 14px;
+  --la-font-size-lg: 16px;
+  --la-font-size-xl: 20px;
+
+  --la-line-height-sm: 1.4;
+  --la-line-height-md: 1.6;
+  --la-line-height-lg: 1.75;
+
+  /* ---------- Radius / 圆角 ---------- */
+  --la-radius-xs: 4px;
+  --la-radius-sm: 6px;
+  --la-radius-md: 8px;
+  --la-radius-lg: 12px;
+
+  /* ---------- Spacing / 间距（4px 栅格）---------- */
+  --la-space-1: 4px;
+  --la-space-2: 8px;
+  --la-space-3: 12px;
+  --la-space-4: 16px;
+  --la-space-5: 20px;
+  --la-space-6: 24px;
+  --la-space-8: 32px;
+
+  /* ---------- Shadow / 阴影 ---------- */
+  --la-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
+  --la-shadow-md: 0 6px 16px rgba(0, 0, 0, 0.08);
+
+  /* ---------- Bridge / Element Plus 语义变量映射 ---------- */
+  /*
+    目的：让组件库（Element Plus）直接消费 Loongair tokens，
+    从而把“公共颜色”收敛到 `--la-*` 一处维护。
+  */
+
+  /* Brand */
+  --el-color-primary: var(--la-color-primary);
+  --el-color-success: var(--la-color-success);
+  --el-color-warning: var(--la-color-warning);
+  --el-color-danger: var(--la-color-danger);
+  --el-color-info: var(--la-color-info);
+
+  /* RGB（避免 Element Plus 侧仍使用默认 rgb 常量） */
+  --el-color-primary-rgb: 0, 127, 255;
+  --el-color-success-rgb: 0, 176, 66;
+  --el-color-warning-rgb: 255, 146, 0;
+  --el-color-danger-rgb: 255, 82, 25;
+  --el-color-info-rgb: 126, 134, 142;
+
+  /*
+    Element Plus 会直接消费这些派生变量（hover/active/disabled 等状态），
+    仅覆盖 --el-color-* 不足以改变整体观感。
+    这里使用 color-mix 以主色派生浅色与深色，达到“一处改，全局跟随”。
+  */
+
+  /* Primary derived */
+  --el-color-primary-light-3: color-mix(in srgb, var(--la-color-primary) 70%, white);
+  --el-color-primary-light-5: color-mix(in srgb, var(--la-color-primary) 50%, white);
+  --el-color-primary-light-7: color-mix(in srgb, var(--la-color-primary) 30%, white);
+  --el-color-primary-light-8: color-mix(in srgb, var(--la-color-primary) 20%, white);
+  --el-color-primary-light-9: color-mix(in srgb, var(--la-color-primary) 10%, white);
+  --el-color-primary-dark-2: color-mix(in srgb, var(--la-color-primary) 80%, black);
+
+  /* Success derived */
+  --el-color-success-light-3: color-mix(in srgb, var(--la-color-success) 70%, white);
+  --el-color-success-light-5: color-mix(in srgb, var(--la-color-success) 50%, white);
+  --el-color-success-light-7: color-mix(in srgb, var(--la-color-success) 30%, white);
+  --el-color-success-light-8: color-mix(in srgb, var(--la-color-success) 20%, white);
+  --el-color-success-light-9: color-mix(in srgb, var(--la-color-success) 10%, white);
+  --el-color-success-dark-2: color-mix(in srgb, var(--la-color-success) 80%, black);
+
+  /* Warning derived */
+  --el-color-warning-light-3: color-mix(in srgb, var(--la-color-warning) 70%, white);
+  --el-color-warning-light-5: color-mix(in srgb, var(--la-color-warning) 50%, white);
+  --el-color-warning-light-7: color-mix(in srgb, var(--la-color-warning) 30%, white);
+  --el-color-warning-light-8: color-mix(in srgb, var(--la-color-warning) 20%, white);
+  --el-color-warning-light-9: color-mix(in srgb, var(--la-color-warning) 10%, white);
+  --el-color-warning-dark-2: color-mix(in srgb, var(--la-color-warning) 80%, black);
+
+  /* Danger derived */
+  --el-color-danger-light-3: color-mix(in srgb, var(--la-color-danger) 70%, white);
+  --el-color-danger-light-5: color-mix(in srgb, var(--la-color-danger) 50%, white);
+  --el-color-danger-light-7: color-mix(in srgb, var(--la-color-danger) 30%, white);
+  --el-color-danger-light-8: color-mix(in srgb, var(--la-color-danger) 20%, white);
+  --el-color-danger-light-9: color-mix(in srgb, var(--la-color-danger) 10%, white);
+  --el-color-danger-dark-2: color-mix(in srgb, var(--la-color-danger) 80%, black);
+
+  /* Info derived */
+  --el-color-info-light-3: color-mix(in srgb, var(--la-color-info) 70%, white);
+  --el-color-info-light-5: color-mix(in srgb, var(--la-color-info) 50%, white);
+  --el-color-info-light-7: color-mix(in srgb, var(--la-color-info) 30%, white);
+  --el-color-info-light-8: color-mix(in srgb, var(--la-color-info) 20%, white);
+  --el-color-info-light-9: color-mix(in srgb, var(--la-color-info) 10%, white);
+  --el-color-info-dark-2: color-mix(in srgb, var(--la-color-info) 80%, black);
+
+  /* Text */
+  --el-text-color-primary: var(--la-text-1);
+  --el-text-color-regular: var(--la-text-2);
+  --el-text-color-secondary: var(--la-text-3);
+  --el-text-color-placeholder: var(--la-text-4);
+
+  /* Border */
+  --el-border-color: var(--la-border-1);
+  --el-border-color-light: var(--la-border-2);
+  --el-border-color-lighter: var(--la-border-3);
+  --el-border-color-extra-light: var(--la-border-4);
+
+  /* Background */
+  --el-bg-color: var(--la-bg-1);
+  --el-bg-color-page: var(--la-bg-2);
+  --el-bg-color-overlay: var(--la-bg-1);
+
+  /* Overlay */
+  --el-overlay-color-lighter: var(--la-bg-overlay);
+}
+
+/* 组件库全局样式入口（尽量保持轻量，业务样式放 demo） */
+
+/* ---------- 全局字体设置 ---------- */
+
+/* 为组件库所有元素设置默认字体，优先使用 PingFang SC */
+
+.la-theme,
+.la-theme * {
+  font-family: var(--la-font-family);
+}
+
+/* 根元素字体设置（当在 html/body 上添加 la-theme 类时生效） */
+
+.la-theme {
+  font-size: var(--la-font-size-md, 14px);
+  line-height: var(--la-line-height-md, 1.6);
+  color: var(--la-text-1, #303133);
+}
+
+/* 确保所有组件继承字体 */
+
+[class^="la-"],
+[class^="el-"] {
+  font-family: inherit;
+}
+
+/* ---------- Tabs 默认样式 ---------- */
+
+/* 对齐 demo 的默认内容区视觉，减少业务侧二次重写成本 */
+
+.la-theme .la-tabs.el-tabs--card > .el-tabs__content {
+  padding: 32px;
+  color: #6b778c;
+  font-size: 32px;
+  font-weight: 600;
+}
+
+/* ---------- Select 默认样式 ---------- */
+
+/* 统一多选标签的间距与视觉，减少 demo/业务重复覆盖 */
+
+.la-theme .la-select .el-select__tags {
+  gap: 4px;
+}
+
+.la-theme .la-select .el-tag--info {
+  background-color: rgba(250, 250, 250, 1);
+  border-color: rgba(126, 134, 142, 0.16);
+  color: rgba(0, 0, 0, 0.4);
+  font-size: 12px;
+  padding: 2px 8px;
+  height: 24px;
+  line-height: 16px;
+}
+
+.la-theme .la-select .el-tag--info .el-tag__close {
+  color: rgba(0, 0, 0, 0.4);
+  margin-left: 4px;
+}
+
+/* ---------- Pagination 默认样式 ---------- */
+
+.la-theme .la-pagination {
+  --el-pagination-font-size: 14px;
+  --el-pagination-button-width: 24px;
+  --el-pagination-button-height: 24px;
+}
+
+.la-theme .la-pagination .el-pagination .el-pager li {
+  min-width: 24px;
+  height: 24px;
+  line-height: 22px;
+  border-radius: 2px;
+  font-size: 14px;
+  margin: 0 2px;
+}
+
+.la-theme .la-pagination .el-pagination .btn-prev,
+.la-theme .la-pagination .el-pagination .btn-next {
+  min-width: 24px;
+  height: 24px;
+  line-height: 22px;
+  border-radius: 2px;
+  padding: 0 4px;
+}
+
+/* ---------- Steps 默认样式 ---------- */
+
+.la-theme .la-steps .el-step__title {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.la-theme .la-steps .el-step__description {
+  font-size: 12px;
+  color: #909399;
+}
+
+/* ---------- Alert 默认样式 ---------- */
+
+.la-theme .la-alert.el-alert {
+  padding: 12px 16px;
+  border-radius: 4px;
+}
+
+.la-theme .la-alert .el-alert__title {
+  font-size: 14px;
+  font-weight: 500;
+  line-height: 1.4;
+}
+
+.la-theme .la-alert .el-alert__description {
+  font-size: 12px;
+  line-height: 1.5;
+  margin-top: 4px;
+}
+
+.la-theme .la-alert .el-alert__icon {
+  width: 20px;
+  height: 20px;
+  font-size: 16px;
+}
+
+/* ---------- Tag 默认样式 ---------- */
+
+.la-theme .la-tag.el-tag {
+  --el-tag-border-radius: 2px;
+}
+
+.la-theme .la-tag .el-tag__close {
+  margin-left: 4px;
+}
+
+/* ---------- Result 默认样式 ---------- */
+
+.la-theme .la-result .el-result {
+  padding: 16px 8px;
+}
+
+/* ---------- Drawer 默认样式 ---------- */
+
+.la-theme .la-drawer .el-drawer {
+  border-radius: 0;
+}
+
+.la-theme .la-drawer .el-drawer__header {
+  padding: 20px;
+  margin-bottom: 0;
+  border-bottom: 1px solid #ebeef5;
+  font-size: 16px;
+  font-weight: 500;
+  color: #303133;
+  height: 73px;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+}
+
+.la-theme .la-drawer .el-drawer__body {
+  padding: 0;
+  overflow: hidden;
+}
+
+.la-theme .la-drawer .el-drawer__footer {
+  padding: 0;
+}
+
+/* ---------- Descriptions 默认样式 ---------- */
+
+.la-theme .la-descriptions .el-descriptions__header {
+  margin-bottom: 16px;
+}
+
+.la-theme .la-descriptions .el-descriptions__title {
+  font-size: 16px;
+  font-weight: 500;
+  color: rgba(23, 26, 29, 0.9);
+}
+
+.la-theme .la-descriptions.is-large .el-descriptions__header {
+  margin-bottom: 20px;
+}
+
+.la-theme .la-descriptions.is-large .el-descriptions__title {
+  font-size: 18px;
+}
+
+.la-theme .la-descriptions.is-small .el-descriptions__header {
+  margin-bottom: 12px;
+}
+
+.la-theme .la-descriptions.is-small .el-descriptions__title {
+  font-size: 14px;
+}
+
+.la-theme .la-descriptions .el-descriptions__label {
+  color: rgba(0, 0, 0, 0.4);
+  font-weight: 400;
+  background-color: transparent;
+}
+
+.la-theme .la-descriptions .el-descriptions__body .el-descriptions__label {
+  background-color: #f5f7fa;
+}
+
+.la-theme .la-descriptions .el-descriptions__content {
+  color: rgba(23, 26, 29, 0.9);
+}
+
+.la-theme .la-descriptions .el-descriptions__body,
+.la-theme .la-descriptions .el-descriptions__body th,
+.la-theme .la-descriptions .el-descriptions__body td {
+  border-color: rgba(126, 134, 142, 0.16);
+}
+
+.la-theme .la-descriptions.is-large .el-descriptions__cell {
+  padding: 16px 20px;
+  font-size: 14px;
+}
+
+.la-theme .la-descriptions .el-descriptions__cell {
+  padding: 12px 16px;
+  font-size: 14px;
+}
+
+.la-theme .la-descriptions.is-small .el-descriptions__cell {
+  padding: 8px 12px;
+  font-size: 13px;
+}
+
+.la-theme .la-descriptions:not(.is-bordered) .el-descriptions__label {
+  background-color: transparent;
+}
+
+.la-theme .la-descriptions .el-tag {
+  vertical-align: middle;
+}
+
+.la-theme .la-descriptions.is-vertical .el-descriptions__label {
+  margin-bottom: 4px;
+}
+
+/* ---------- Collapse 默认样式 ---------- */
+
+.la-theme .la-collapse.el-collapse {
+  border-top: 1px solid rgba(126, 134, 142, 0.24);
+  border-bottom: none;
+}
+
+.la-theme .la-collapse .el-collapse-item {
+  background-color: #ffffff;
+}
+
+.la-theme .la-collapse .el-collapse-item__header {
+  height: 48px;
+  min-height: 48px;
+  line-height: 48px;
+  padding: 0 12px;
+  background-color: #ffffff;
+  border-bottom: 1px solid rgba(126, 134, 142, 0.24);
+  font-size: 14px;
+  font-weight: 400;
+  color: #171a1d;
+}
+
+.la-theme .la-collapse .el-collapse-item__title {
+  font-size: 14px;
+  font-weight: 400;
+  color: #171a1d;
+}
+
+.la-theme .la-collapse .el-collapse-item__header .el-collapse-item__arrow {
+  width: 14px;
+  height: 14px;
+  font-size: 14px;
+  color: #303133;
+  margin: 0;
+}
+
+.la-theme .la-collapse .el-collapse-item__header .el-collapse-item__arrow.is-active {
+  transform: rotate(90deg);
+}
+
+.la-theme .la-collapse .el-collapse-item__wrap {
+  background-color: #ffffff;
+  border-bottom: 1px solid rgba(126, 134, 142, 0.24);
+}
+
+.la-theme .la-collapse .el-collapse-item__content {
+  padding: 12px;
+  font-size: 14px;
+  color: #171a1d;
+  line-height: 1.5;
+}
+
+/* ---------- DatePicker 默认样式 ---------- */
+
+.la-theme .la-date-picker .el-date-editor .el-range-separator,
+.la-theme .la-datetime-picker .el-date-editor .el-range-separator {
+  padding: 0 4px;
+  color: rgba(23, 26, 29, 0.4);
+  font-size: 14px;
+}
+
+.la-theme .la-date-picker .el-date-editor .el-range-input,
+.la-theme .la-datetime-picker .el-date-editor .el-range-input {
+  text-align: center;
+  font-size: 14px;
+}
+
+.la-theme .la-date-picker .el-date-editor.is-disabled,
+.la-theme .la-datetime-picker .el-date-editor.is-disabled {
+  background-color: rgba(245, 247, 250, 1);
+}
+
+.la-theme .la-date-picker .el-date-editor.is-disabled .el-range-input,
+.la-theme .la-datetime-picker .el-date-editor.is-disabled .el-range-input {
+  color: rgba(23, 26, 29, 0.24);
+}
+
+.la-theme .la-datetime-picker .el-input.is-disabled .el-input__wrapper {
+  background-color: rgba(245, 247, 250, 1);
+}
+
+.la-theme .la-datetime-picker .el-input.is-disabled .el-input__inner {
+  color: rgba(23, 26, 29, 0.24);
+}
+
+
+/* ============================================================
+   LaTable - Pixso 设计稿样式封装
+   对应 item-id=143:10363
+   ============================================================ */
+
+/* ---------- 基础表格覆盖 ---------- */
+.la-table {
+  --la-table-header-bg: #f5f7fa;
+  --la-table-border-color: rgba(126, 134, 142, 0.16);
+  --la-table-text-primary: rgba(23, 26, 29, 1);
+  --la-table-text-secondary: rgba(0, 0, 0, 0.4);
+  --la-table-hover-bg: rgba(245, 247, 250, 0.6);
+  --la-table-current-row-bg: rgba(0, 127, 255, 0.08);
+  --la-table-stripe-bg: #fafafa;
+
+  /* 覆盖 Element Plus 默认变量 */
+  --el-table-border-color: var(--la-table-border-color);
+  --el-table-border: 1px solid var(--la-table-border-color);
+  --el-table-header-bg-color: var(--la-table-header-bg);
+  --el-table-header-text-color: var(--la-table-text-secondary);
+  --el-table-row-hover-bg-color: var(--la-table-hover-bg);
+  --el-table-current-row-bg-color: var(--la-table-current-row-bg);
+
+  font-size: 14px;
+  font-family: var(
+    --la-font-family,
+    "PingFang SC",
+    ui-sans-serif,
+    system-ui,
+    -apple-system,
+    Segoe UI,
+    Roboto,
+    Helvetica,
+    Arial,
+    "Apple Color Emoji",
+    "Segoe UI Emoji"
+  );
+  color: var(--la-table-text-primary);
+}
+
+/* 强制显示表格外边框 */
+.la-table.el-table {
+  border: 1px solid var(--la-table-border-color) !important;
+  border-radius: 0;
+  width: 100% !important; /* 确保表格填满容器，固定列需要 */
+}
+
+/* 单元格盒模型：边框包含在宽度内，不额外占用空间 */
+.la-table .el-table__cell {
+  box-sizing: border-box;
+}
+
+/* 单元格纵向边框 - 当用户设置 border prop 时显示 */
+.la-table.el-table--border {
+  border-right: 1px solid var(--la-table-border-color);
+  border-bottom: 1px solid var(--la-table-border-color);
+}
+.la-table.el-table--border .el-table__cell {
+  border-right: 1px solid var(--la-table-border-color);
+}
+.la-table.el-table--border th.el-table__cell {
+  border-bottom: 1px solid var(--la-table-border-color);
+}
+
+/* 表头底部边框线 */
+.la-table .el-table__header-wrapper {
+  border-bottom: 1px solid var(--la-table-border-color);
+}
+
+/* 表格底部边框线 */
+.la-table.el-table::before {
+  background-color: var(--la-table-border-color);
+  height: 1px;
+}
+
+/* ---------- 固定列样式 ---------- */
+/* 保留 Element Plus 默认固定列实现，仅调整边框颜色 */
+.la-table .el-table__fixed-left::before,
+.la-table .el-table__fixed-right::before {
+  background-color: var(--la-table-border-color);
+}
+
+/* 固定列阴影效果 */
+.la-table .el-table__fixed-left {
+  box-shadow: 6px 0 8px -4px rgba(0, 0, 0, 0.1);
+}
+.la-table .el-table__fixed-right {
+  box-shadow: -6px 0 8px -4px rgba(0, 0, 0, 0.1);
+}
+
+/* 固定列边框 */
+.la-table.el-table--border .el-table__fixed-left {
+  border-right: 1px solid var(--la-table-border-color);
+}
+.la-table.el-table--border .el-table__fixed-right {
+  border-left: 1px solid var(--la-table-border-color);
+}
+
+/* 固定列单元格背景色 */
+.la-table .el-table__fixed-left .el-table__cell,
+.la-table .el-table__fixed-right .el-table__cell {
+  background-color: inherit;
+}
+
+/* ---------- 表头样式 ---------- */
+.la-table .la-table__header-row {
+  background-color: var(--la-table-header-bg);
+}
+.la-table th.la-table__header-cell {
+  height: 40px;
+  padding: 0;
+  background-color: var(--la-table-header-bg) !important;
+  border-bottom: 1px solid var(--la-table-border-color);
+}
+.la-table th.la-table__header-cell .cell {
+  padding: 0 12px;
+  color: var(--la-table-text-secondary);
+  font-weight: 400;
+  line-height: 23px;
+  white-space: nowrap;
+}
+
+/* ---------- 数据行样式 ---------- */
+.la-table .la-table__row {
+  background-color: #fff;
+}
+.la-table td.la-table__cell {
+  height: 40px;
+  padding: 0;
+  border-bottom: 1px solid var(--la-table-border-color);
+}
+.la-table td.la-table__cell .cell {
+  padding: 8px 12px;
+  line-height: 23px;
+  color: var(--la-table-text-primary);
+}
+
+/* ---------- 斑马纹 ---------- */
+.la-table.el-table--striped .el-table__body tr.el-table__row--striped {
+  background-color: var(--la-table-stripe-bg);
+}
+.la-table.el-table--striped .el-table__body tr.el-table__row--striped td {
+  background-color: var(--la-table-stripe-bg);
+}
+
+/* ---------- 状态行高亮 ---------- */
+/* success - 绿色 #00B042 12% */
+.la-table .la-table__row--success td.la-table__cell {
+  background-color: rgba(0, 176, 66, 0.12) !important;
+}
+
+/* warning - 橙色 #FF9200 12% */
+.la-table .la-table__row--warning td.la-table__cell {
+  background-color: rgba(255, 146, 0, 0.12) !important;
+}
+
+/* danger - 红色 #FF5219 12% */
+.la-table .la-table__row--danger td.la-table__cell {
+  background-color: rgba(255, 82, 25, 0.12) !important;
+}
+
+/* info - 灰色 #7E868E 12% */
+.la-table .la-table__row--info td.la-table__cell {
+  background-color: rgba(126, 134, 142, 0.12) !important;
+}
+
+/* 状态行 hover 保持原色 */
+.la-table .la-table__row--success:hover td.la-table__cell,
+.la-table .la-table__row--warning:hover td.la-table__cell,
+.la-table .la-table__row--danger:hover td.la-table__cell,
+.la-table .la-table__row--info:hover td.la-table__cell {
+  background-color: inherit !important;
+}
+
+/* ---------- 单行选中高亮 ---------- */
+.la-table .el-table__body tr.current-row > td.la-table__cell {
+  background-color: var(--la-table-current-row-bg) !important;
+}
+.la-table .el-table__body tr.current-row:hover > td.la-table__cell {
+  background-color: rgba(0, 127, 255, 0.12) !important;
+}
+
+/* ---------- Checkbox 样式对齐 ---------- */
+.la-table .el-checkbox__inner {
+  width: 14px;
+  height: 14px;
+  border-radius: 2px;
+  border-color: rgba(126, 134, 142, 0.4);
+}
+.la-table .el-checkbox__inner::after {
+  height: 8px;
+  left: 4px;
+  top: 1px;
+}
+
+/* ---------- 排序图标区域 ---------- */
+.la-table th.la-table__header-cell--sortable .cell {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* ---------- 空状态 ---------- */
+.la-table .el-table__empty-block {
+  min-height: 120px;
+}
+.la-table .el-table__empty-text {
+  color: var(--la-table-text-secondary);
+  font-size: 14px;
+}