tntd 3.0.0-beta → 3.0.0-beta.2

package/lib/style/mixins/iconfont.less

@@ -33,11 +33,12 @@
   display: inline-block;
   @font-scale: unit(@size / 12px);
 
-  font-size: 12px;
+  font-size: 16px;
   // IE9
   font-size: ~'@{size} \9';
   transform: scale(@font-scale) rotate(@rotate);
   :root & {
-    font-size: @font-size-sm; // reset IE9 and above
+    // font-size: @font-size-sm; // reset IE9 and above
+    font-size: 16px; // reset IE9 and above
   }
 }

package/lib/style/themes/default.less

@@ -419,7 +419,8 @@
 @menu-item-active-bg: @item-active-bg;
 @menu-item-active-border-width: 3px;
 @menu-item-group-title-color: @text-color-secondary;
-@menu-icon-size: @font-size-base;
+// @menu-icon-size: @font-size-base;
+@menu-icon-size: 16px;
 @menu-icon-size-lg: @font-size-lg;
 
 @menu-item-vertical-margin: 4px;
@@ -448,7 +449,7 @@
 @table-header-color: @heading-color;
 @table-header-sort-bg: @background-color-base;
 @table-body-sort-bg: rgba(0, 0, 0, 0.01);
-@table-row-hover-bg: @primary-1;
+@table-row-hover-bg: #fff;
 @table-selected-row-color: inherit;
 @table-selected-row-bg: #fafafa;
 @table-body-selected-sort-bg: @table-selected-row-bg;
@@ -562,7 +563,7 @@
 // ---
 @switch-height: 22px;
 @switch-sm-height: 16px;
-@switch-sm-checked-margin-left: calc(-(@switch-sm-height - 3px));
+@switch-sm-checked-margin-left: calc(3px - @switch-sm-height);
 @switch-disabled-opacity: 0.4;
 @switch-color: @primary-color;
 @switch-shadow-color: fade(#00230b, 20%);

package/lib/table/style/index.less

@@ -237,8 +237,7 @@
         box-shadow: 0px 0px 5px -5px rgba(0, 0, 0, 0.05), 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
         position: relative;
         > td {
-          // background: @table-row-hover-bg;
-          background-color: #fff;
+          background: @table-row-hover-bg;
         }
       }
     }
@@ -253,8 +252,7 @@
     //     box-shadow: 0px 0px 5px -5px rgba(0, 0, 0, 0.05), 0px 0px 25px 0px rgba(0, 0, 0, 0.1);
     //     position: relative;
     //     > td {
-    //       // background: @table-row-hover-bg;
-    //       background-color: #fff;
+    //       background: @table-row-hover-bg;
     //     }
     //   }
     // }

package/lib/tag/tag.less

@@ -124,7 +124,8 @@
             background: @@lightColor;
             border-color: @@lightBorderColor;
             >.@{iconfont-css-prefix}-close {
-                color: fade(@@darkColor,80%);
+                color: @@darkColor;//fade(@@darkColor,80%);
+                opacity: .8;
             }
             &.@{tag-prefix-cls}-no-border{
                 border-color:transparent;

package/lib/time-picker/style/index.less

@@ -194,7 +194,8 @@
     z-index: 1;
     width: 14px;
     height: 14px;
-    margin-top: -7px;
+    // margin-top: -7px;
+    margin-top: -8px;
     color: @disabled-color;
     line-height: 14px;
     transition: all 0.3s @ease-in-out;

package/lib/timeline/style/index.less

@@ -80,7 +80,7 @@
 
     &-content {
       position: relative;
-      top: calc(-(@font-size-base * @line-height-base - @font-size-base) + 1px);
+      top: calc(@font-size-base - @font-size-base * @line-height-base + 1px);
       margin: 0 0 0 18px;
       word-break: break-word;
     }

package/lib/tntd-action/index.less

@@ -11,6 +11,17 @@
     color: @white;
     margin-left: 20px;
     font-size: 14px;
+    .num {
+      display: inline-block;
+      width: 16px;
+      height: 16px;
+      background: #454f64;
+      border-radius: 8px;
+      font-size: 10px;
+      margin-right: 4px;
+      vertical-align: text-bottom;
+      text-align: center;
+    }
   }
   > .tnt-btn-tertiary {
     opacity: 0.5;
@@ -31,6 +42,12 @@
     float: right;
     .ant-btn {
       margin-left: 10px;
+      background: rgba(69, 79, 100, 0.5);
+      color: @white;
+      border-width: 0;
+      &:hover {
+        background: rgba(69, 79, 100, 0.8);
+      }
     }
   }
 }

package/lib/tooltip/index.less

@@ -20,5 +20,10 @@
   &-arrow {
     border-radius: 1px;
   }
+}
 
+.@{tooltip-prefix-cls}-arrow-hidden {
+  .@{tooltip-prefix-cls}-arrow {
+    display: none;
+  }
 }

package/lib/tooltip/tooltip.d.ts

@@ -3,6 +3,7 @@ import type { TooltipProps } from 'antd/lib/tooltip';
 export * from 'antd/lib/tooltip';
 declare const Tooltip: React.FC<TooltipProps & {
     theme?: string;
+    hiddenArrow?: boolean;
 }>;
 export default Tooltip;
 //# sourceMappingURL=tooltip.d.ts.map

package/lib/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAKnD,cAAc,iBAAiB,CAAA;AAK/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAsBxD,CAAA;AAED,eAAe,OAAO,CAAA"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAKnD,cAAc,iBAAiB,CAAA;AAK/B,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,GAAG;IAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAuB/E,CAAA;AAED,eAAe,OAAO,CAAA"}

package/lib/tooltip/tooltip.js

@@ -39,12 +39,14 @@ var Tooltip = function Tooltip(props) {
   var overlayClassName = props.overlayClassName,
     _props$theme = props.theme,
     theme = _props$theme === void 0 ? '' : _props$theme,
-    restProps = __rest(props, ["overlayClassName", "theme"]);
+    _props$hiddenArrow = props.hiddenArrow,
+    hiddenArrow = _props$hiddenArrow === void 0 ? false : _props$hiddenArrow,
+    restProps = __rest(props, ["overlayClassName", "theme", "hiddenArrow"]);
   return _react["default"].createElement(_configProvider.ConfigConsumer, null, function (_ref) {
     var getPrefixCls = _ref.getPrefixCls;
     var prefixCls = getPrefixCls('tooltip');
     return _react["default"].createElement(_tooltip["default"], Object.assign({
-      overlayClassName: (0, _classnames["default"])(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), overlayClassName)
+      overlayClassName: (0, _classnames["default"])(prefixCls, 'tnt-tooltip', themeMap(prefixCls, theme), hiddenArrow ? prefixCls + '-arrow-hidden' : '', overlayClassName)
     }, restProps));
   });
 };

package/lib/tooltip/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,6DAAwD;AACxD,8DAAyC;AACzC,4DAAmC;AAEnC,kDAA+B;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAAgD,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAAtD,6BAA8C,CAAQ,CAAA;IAE5D,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,8BAAC,iBAAW,kBACV,gBAAgB,EAAE,IAAA,oBAAU,EAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TooltipProps } from 'antd/lib/tooltip'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdTooltip from 'antd/lib/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/lib/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n  return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<TooltipProps & { theme?: string }> = (props) => {\n  const { overlayClassName, theme = '', ...restProps } = props\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tooltip')\n\n        return (\n          <AntdTooltip\n            overlayClassName={classNames(\n              prefixCls,\n              'tnt-tooltip',\n              themeMap(prefixCls, theme),\n              overlayClassName\n            )}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Tooltip\n"]}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/tooltip/tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,6DAAwD;AACxD,8DAAyC;AACzC,4DAAmC;AAEnC,kDAA+B;AAC/B,MAAM,QAAQ,GAAG,CAAC,SAAiB,EAAE,UAAkB,EAAE,EAAE;IACzD,OAAO,GAAG,SAAS,IAAI,UAAU,EAAE,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,OAAO,GAAuE,CAAC,KAAK,EAAE,EAAE;IAC5F,MAAM,EAAE,gBAAgB,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,GAAG,KAAK,KAAmB,KAAK,EAAnB,SAAS,UAAK,KAAK,EAA3E,4CAAmE,CAAQ,CAAA;IAEjF,OAAO,CACL,8BAAC,gCAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,MAAM,SAAS,GAAG,YAAY,CAAC,SAAS,CAAC,CAAA;QAEzC,OAAO,CACL,8BAAC,iBAAW,kBACV,gBAAgB,EAAE,IAAA,oBAAU,EAC1B,SAAS,EACT,aAAa,EACb,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC,EAC1B,WAAW,CAAC,CAAC,CAAC,SAAS,GAAG,eAAe,CAAC,CAAC,CAAC,EAAE,EAC9C,gBAAgB,CACjB,IACG,SAAS,EACb,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,OAAO,CAAA","sourcesContent":["import React from 'react'\nimport type { TooltipProps } from 'antd/lib/tooltip'\nimport { ConfigConsumer } from 'antd/lib/config-provider'\nimport AntdTooltip from 'antd/lib/tooltip'\nimport classNames from 'classnames'\n\nexport * from 'antd/lib/tooltip'\nconst themeMap = (prefixCls: string, themeColor: string) => {\n  return `${prefixCls}-${themeColor}`\n}\n\nconst Tooltip: React.FC<TooltipProps & { theme?: string; hiddenArrow?: boolean }> = (props) => {\n  const { overlayClassName, theme = '', hiddenArrow = false, ...restProps } = props\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        const prefixCls = getPrefixCls('tooltip')\n\n        return (\n          <AntdTooltip\n            overlayClassName={classNames(\n              prefixCls,\n              'tnt-tooltip',\n              themeMap(prefixCls, theme),\n              hiddenArrow ? prefixCls + '-arrow-hidden' : '',\n              overlayClassName\n            )}\n            {...restProps}\n          />\n        )\n      }}\n    </ConfigConsumer>\n  )\n}\n\nexport default Tooltip\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tntd",
-    "version": "3.0.0-beta",
+    "version": "3.0.0-beta.2",
     "license": "MIT",
     "scripts": {
         "start": "heft start --storybook",
@@ -15,7 +15,6 @@
         "test:watch": "heft test --watch --clean"
     },
     "dependencies": {
-        "@icon-park/react": "^1.3.5",
         "@stellaris/hooks": "~0.4.6",
         "classnames": "~2.3.1",
         "@tntx/logo-icon": "~1.0.4",

package/themes/common/css2.x.css

@@ -142,7 +142,6 @@
   --text-color-secondary: #454f64;
   --text-color-tint-50: #8b919e;
   --text-color-tertiary: #babdc5;
-  --fill-color-tertiary: #f1f2f5;
   --fill-color-quaternary: #f8f9fb;
   --border-color: #c9d2dd;
   --border-color-secondary: #e1e6ee;
@@ -151,4 +150,39 @@
   --bg-color-spotilight-tint-50: var(--text-color-tint-50);
   --size-step-base: 4;
   --size-step-unit: 4;
+
+  --heading-1-size: calc(var(--font-size-base) * 2.71);
+  --heading-2-size: calc(var(--font-size-base) * 2.14);
+  --heading-3-size: calc(var(--font-size-base) * 1.71);
+  --heading-4-size: calc(var(--font-size-base) * 1.42);
+  --line-height-base: 1.5;
+  --line-height-sm: 1.6666666;
+  --line-height-lg: 1.5;
+  --line-height-xl: 28 / 20;
+  --heading-1-line-height: 40 / 32;
+  --heading-2-line-height: 32 / 24;
+  --heading-3-line-height: 26 / 18;
+  --heading-4-line-height: 24 / 16;
+  --border-radius-base: 2px;
+  --border-radius-sm: 2px;
+  --border-radius-xs: 4px;
+  --border-radius-lg: 20px;
+  --padding-xxs: 4px;
+  --padding-base: 16px;
+  --padding-xxl: 48px;
+  --padding-xl: 32px;
+  --padding-lg: 20px;
+  --padding-md: 12px;
+  --padding-sm: 10px;
+  --padding-xs: 8px;
+  --margin-xxs: 4px;
+  --margin-xs: 8px;
+  --margin-sm: 12px;
+  --margin-base: 16px;
+  --margin-md: 20px;
+  --margin-lg: 24px;
+  --margin-xl: 32px;
+  --margin-xxl: 48px;
+  --box-shadow-md: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
+  --box-shadow-lg: 0px 0px 25px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px -5px rgba(0, 0, 0, 0.05);
 }

package/themes/common/css3.x.css

@@ -142,7 +142,6 @@
   --text-color-secondary: #454f64;
   --text-color-tint-50: #8b919e;
   --text-color-tertiary: #babdc5;
-  --fill-color-tertiary: #f1f2f5;
   --fill-color-quaternary: #f8f9fb;
   --border-color: #c9d2dd;
   --border-color-secondary: #e1e6ee;
@@ -151,4 +150,39 @@
   --bg-color-spotilight-tint-50: var(--text-color-tint-50);
   --size-step-base: 4;
   --size-step-unit: 4;
+
+  --heading-1-size: 32px;
+  --heading-2-size: 24px;
+  --heading-3-size: 18px;
+  --heading-4-size: 16px;
+  --line-height-base: 22 / 14;
+  --line-height-sm: 20 / 12;
+  --line-height-lg: 24 / 16;
+  --line-height-xl: 28 / 20;
+  --heading-1-line-height: 40 / 32;
+  --heading-2-line-height: 32 / 24;
+  --heading-3-line-height: 26 / 18;
+  --heading-4-line-height: 24 / 16;
+  --border-radius-base: 8px;
+  --border-radius-sm: 4px;
+  --border-radius-xs: 2px;
+  --border-radius-lg: 16px;
+  --padding-xxs: 4px;
+  --padding-base: 16px;
+  --padding-xxl: 48px;
+  --padding-xl: 32px;
+  --padding-lg: 24px;
+  --padding-md: 20px;
+  --padding-sm: 12px;
+  --padding-xs: 8px;
+  --margin-xxs: 4px;
+  --margin-xs: 8px;
+  --margin-sm: 12px;
+  --margin-base: 16px;
+  --margin-md: 20px;
+  --margin-lg: 24px;
+  --margin-xl: 32px;
+  --margin-xxl: 48px;
+  --box-shadow-md: 0px 0px 20px 0px rgba(0, 0, 0, 0.05);
+  --box-shadow-lg: 0px 0px 25px 0px rgba(0, 0, 0, 0.1), 0px 0px 5px -5px rgba(0, 0, 0, 0.05);
 }

package/themes/default/colors.less

@@ -1,18 +1,18 @@
 @import '../utils/colorPalette';
-@blue-6-hover: #005df4;
+@blue-6-hover: #3b8cff;
 @blue-6: #126bfb;
 @purple-6: #722ed1;
 @cyan-6: #13c2c2;
-@green-6: #56bb52;
+@green-6: #07c790;
 @magenta-6: #eb2f96;
 @pink-6: #eb2f96;
-@red-6: #d96156;
+@red-6: #ef4444;
 @orange-6: #fa8c16;
 @yellow-6: #fadb14;
 @volcano-6: #fa541c;
 @geekblue-6: #2f54eb;
 @lime-6: #a0d911;
-@gold-6: #ff9845;
+@gold-6: #f7b035;
 
 // 线条显色
 @grey-d: #c9d2dd;

package/themes/default/colorsVar.less

@@ -1,5 +1,5 @@
 @import '../utils/colorPalette';
-@blue-6-hover: #005df4;
+@blue-6-hover: var(--blue-5);
 @blue-6: var(--blue-6); // #126bfb;
 @purple-6: var(--purple-6); // #722ed1;
 @cyan-6: var(--cyan-6); //#13c2c2;
@@ -19,9 +19,9 @@
 @grey-split: #e1e6ee; // 分割线 常用于表格、collapse
 
 // 背景色
-@bg-disabled: var(--fill-color-tertiary);
+@bg-disabled: #f1f2f5;
 @bg-grey-default: #f1f2f5;
-@bg-grey-first: #fafafa;
+@bg-grey-first: #f8f9fb;
 @bg-grey-second: #f3f4f6;
 
 // color palettes

package/themes/default/lessToCssVar.less

@@ -125,3 +125,42 @@
 @gold-10: var(--gold-10);
 @white: var(--white);
 @text-color: var(--text-color);
+
+/** 非颜色变量(这些变量暂时不用，直接用lessVars3.x.less) */
+// @font-size-base: var(--font-size-base);
+// @heading-1-size: var(--heading-1-size);
+// @heading-2-size: var(--heading-2-size);
+// @heading-3-size: var(--heading-3-size);
+// @heading-4-size: var(--heading-4-size);
+// @line-height-sm: var(--line-height-sm);
+// @line-height-lg: var(--line-height-lg);
+// @line-height-xl: var(--line-height-xl);
+// @heading-1-line-height: var(--heading-1-line-height);
+// @heading-2-line-height: var(--heading-2-line-height);
+// @heading-3-line-height: var(--heading-3-line-height);
+// @heading-4-line-height: var(--heading-4-line-height);
+@border-radius-base: var(--border-radius-base);
+@border-radius-sm: var(--border-radius-sm);
+@border-radius-xs: var(--border-radius-xs);
+@border-radius-lg: var(--border-radius-lg);
+// @padding-xxs: var(--padding-xxs);
+// @padding-base: var(--padding-base);
+// @padding-xxl: var(--padding-xxl);
+// @padding-xl: var(--padding-xl);
+// @padding-lg: var(--padding-lg);
+// @padding-md: var(--padding-md);
+// @margin-xxs: var(--margin-xxs);
+// @margin-xs: var(--margin-xs);
+// @margin-sm: var(--margin-sm);
+// @margin-base: var(--margin-base);
+// @margin-md: var(--margin-md);
+// @margin-lg: var(--margin-lg);
+// @margin-xl: var(--margin-xl);
+// @margin-xxl: var(--margin-xxl);
+// @box-shadow-md: var(--box-shadow-md);
+// @box-shadow-lg: var(--box-shadow-lg);
+
+/** 这几个变量涉及到计算，所以不能变成css变量  */
+@padding-sm: 12px;
+@padding-xs: 8px;
+@line-height-base: 22 / 14;

package/themes/default/lessVars2.x.less

@@ -10,10 +10,10 @@
 @heading-2-line-height: 32 / 24;
 @heading-3-line-height: 26 / 18;
 @heading-4-line-height: 24 / 16;
-@border-radius-base: 8px;
-@border-radius-sm: 2px;
-@border-radius-xs: 4px;
-@border-radius-lg: 20px;
+// @border-radius-base: 2px;
+// @border-radius-sm: 2px;
+// @border-radius-xs: 4px;
+// @border-radius-lg: 20px;
 @padding-xxs: 4px;
 @padding-base: 16px;
 @padding-xxl: 48px;

package/themes/default/lessVars3.x.less

@@ -10,10 +10,10 @@
 @heading-2-line-height: 32 / 24;
 @heading-3-line-height: 26 / 18;
 @heading-4-line-height: 24 / 16;
-@border-radius-base: 8px;
-@border-radius-sm: 4px;
-@border-radius-xs: 2px;
-@border-radius-lg: 16px;
+// @border-radius-base: 8px;
+// @border-radius-sm: 4px;
+// @border-radius-xs: 2px;
+// @border-radius-lg: 16px;
 @padding-xxs: 4px;
 @padding-base: 16px;
 @padding-xxl: 48px;

package/themes/default/variables.less

@@ -1,6 +1,6 @@
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
-@import './colors';
-@import './lessVars2.x.less';
+@import './colors.less';
+@import './lessVars3.x.less';
 
 // The prefix to use on all css classes from ant.
 @ant-prefix: ant;
@@ -47,7 +47,7 @@
   'Segoe UI Emoji', 'Segoe UI Symbol';
 @code-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
 @text-color: #17233d; //fade(@black, 65%);
-@text-color-secondary: var(--text-color-secondary); //fade(@black, 45%);
+@text-color-secondary: #454f64; //fade(@black, 45%);
 @text-color-inverse: @white;
 @icon-color: inherit;
 @icon-color-hover: fade(@black, 75%);
@@ -412,7 +412,7 @@
 @table-header-color: @text-color; //@heading-color;
 @table-header-sort-bg: @background-color-base;
 @table-body-sort-bg: rgba(0, 0, 0, 0.01);
-@table-row-hover-bg: @primary-1;
+@table-row-hover-bg: #fff;
 @table-selected-row-color: inherit;
 @table-selected-row-bg: @primary-1;
 @table-expanded-row-bg: #fbfbfb;
@@ -692,5 +692,6 @@
 @fill-color-quaternary: #f8f9fb;
 @bg-color-quaternary: #f8f9fb;
 @bg-color-spotilight: #17233d;
+@bg-color-spotilight-tint-50: #8b919e;
 @size-step-base: 4;
 @size-step-unit: 4;