@uzum-tech/ui 0.1.2 → 1.0.1

package/lib/switch/src/Switch.d.ts

@@ -44,6 +44,21 @@ export declare const switchProps: {
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
+        buttonHeightSmall: string;
+        buttonHeightMedium: string;
+        buttonHeightLarge: string;
+        buttonWidthSmall: string;
+        buttonWidthMedium: string;
+        buttonWidthLarge: string;
+        buttonWidthPressedSmall: string;
+        buttonWidthPressedMedium: string;
+        buttonWidthPressedLarge: string;
+        railHeightSmall: string;
+        railHeightMedium: string;
+        railHeightLarge: string;
+        railWidthSmall: string;
+        railWidthMedium: string;
+        railWidthLarge: string;
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -63,8 +78,10 @@ export declare const switchProps: {
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
@@ -80,8 +97,6 @@ export declare const switchProps: {
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -101,8 +116,10 @@ export declare const switchProps: {
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
@@ -118,8 +135,6 @@ export declare const switchProps: {
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -139,23 +154,8 @@ export declare const switchProps: {
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
-        buttonHeightSmall: string;
-        buttonHeightMedium: string;
-        buttonHeightLarge: string;
-        buttonWidthSmall: string;
-        buttonWidthMedium: string;
-        buttonWidthLarge: string;
-        buttonWidthPressedSmall: string;
-        buttonWidthPressedMedium: string;
-        buttonWidthPressedLarge: string;
-        railHeightSmall: string;
-        railHeightMedium: string;
-        railHeightLarge: string;
-        railWidthSmall: string;
-        railWidthMedium: string;
-        railWidthLarge: string;
     }, any>>>;
 };
 export type SwitchProps = ExtractPublicPropTypes<typeof switchProps>;
@@ -202,6 +202,21 @@ declare const _default: import("vue").DefineComponent<{
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
+        buttonHeightSmall: string;
+        buttonHeightMedium: string;
+        buttonHeightLarge: string;
+        buttonWidthSmall: string;
+        buttonWidthMedium: string;
+        buttonWidthLarge: string;
+        buttonWidthPressedSmall: string;
+        buttonWidthPressedMedium: string;
+        buttonWidthPressedLarge: string;
+        railHeightSmall: string;
+        railHeightMedium: string;
+        railHeightLarge: string;
+        railWidthSmall: string;
+        railWidthMedium: string;
+        railWidthLarge: string;
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -221,8 +236,10 @@ declare const _default: import("vue").DefineComponent<{
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
@@ -238,8 +255,6 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -259,8 +274,10 @@ declare const _default: import("vue").DefineComponent<{
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
@@ -276,8 +293,6 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -297,23 +312,8 @@ declare const _default: import("vue").DefineComponent<{
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
-        buttonHeightSmall: string;
-        buttonHeightMedium: string;
-        buttonHeightLarge: string;
-        buttonWidthSmall: string;
-        buttonWidthMedium: string;
-        buttonWidthLarge: string;
-        buttonWidthPressedSmall: string;
-        buttonWidthPressedMedium: string;
-        buttonWidthPressedLarge: string;
-        railHeightSmall: string;
-        railHeightMedium: string;
-        railHeightLarge: string;
-        railWidthSmall: string;
-        railWidthMedium: string;
-        railWidthLarge: string;
     }, any>>>;
 }, {
     handleClick: () => void;
@@ -400,6 +400,21 @@ declare const _default: import("vue").DefineComponent<{
     /** @deprecated */
     readonly onChange: PropType<MaybeArray<OnUpdateValue> | undefined>;
     readonly theme: PropType<import("../../_mixins").Theme<"Switch", {
+        buttonHeightSmall: string;
+        buttonHeightMedium: string;
+        buttonHeightLarge: string;
+        buttonWidthSmall: string;
+        buttonWidthMedium: string;
+        buttonWidthLarge: string;
+        buttonWidthPressedSmall: string;
+        buttonWidthPressedMedium: string;
+        buttonWidthPressedLarge: string;
+        railHeightSmall: string;
+        railHeightMedium: string;
+        railHeightLarge: string;
+        railWidthSmall: string;
+        railWidthMedium: string;
+        railWidthLarge: string;
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -419,8 +434,10 @@ declare const _default: import("vue").DefineComponent<{
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
+    }, any>>;
+    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
@@ -436,8 +453,6 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>>;
-    readonly themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -457,8 +472,10 @@ declare const _default: import("vue").DefineComponent<{
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
+    }, any>>>;
+    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         buttonHeightSmall: string;
         buttonHeightMedium: string;
         buttonHeightLarge: string;
@@ -474,8 +491,6 @@ declare const _default: import("vue").DefineComponent<{
         railWidthSmall: string;
         railWidthMedium: string;
         railWidthLarge: string;
-    }, any>>>;
-    readonly builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Switch", {
         iconColor: string;
         textColor: string;
         loadingColor: string;
@@ -495,23 +510,8 @@ declare const _default: import("vue").DefineComponent<{
         railBorderRadiusLarge: string;
         buttonBorderRadiusSmall: string;
         buttonBorderRadiusMedium: string;
-        buttonBorderRadiusLarge: string;
+        buttonBorderRadiusLarge: string; /** @deprecated */
         boxShadowFocus: string;
-        buttonHeightSmall: string;
-        buttonHeightMedium: string;
-        buttonHeightLarge: string;
-        buttonWidthSmall: string;
-        buttonWidthMedium: string;
-        buttonWidthLarge: string;
-        buttonWidthPressedSmall: string;
-        buttonWidthPressedMedium: string;
-        buttonWidthPressedLarge: string;
-        railHeightSmall: string;
-        railHeightMedium: string;
-        railHeightLarge: string;
-        railWidthSmall: string;
-        railWidthMedium: string;
-        railWidthLarge: string;
     }, any>>>;
 }>>, {
     readonly value: string | number | boolean | undefined;
@@ -519,9 +519,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly size: "small" | "medium" | "large";
     readonly disabled: boolean | undefined;
     readonly loading: boolean;
-    readonly defaultValue: string | number | boolean;
     readonly checkedValue: string | number | boolean;
     readonly uncheckedValue: string | number | boolean;
+    readonly defaultValue: string | number | boolean;
     readonly rubberBand: boolean;
 }, {}>;
 export default _default;

package/lib/switch/styles/dark.js

@@ -1,18 +1,10 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-const seemly_1 = require("seemly");
-const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
+const light_1 = require("./light");
 const switchDark = {
     name: 'Switch',
     common: common_1.commonDark,
-    self(vars) {
-        const { primaryColorSuppl, opacityDisabled, borderRadius, primaryColor, textColor2, baseColor } = vars;
-        const railOverlayColor = '#C5C7CA';
-        return Object.assign(Object.assign({}, _common_1.default), { iconColor: baseColor, textColor: textColor2, loadingColor: primaryColorSuppl, loadingColorActive: primaryColor, opacityDisabled, railColor: railOverlayColor, railColorActive: primaryColorSuppl, railColorActiveDisabled: 'rgba(187, 162, 253, 1)', buttonBoxShadow: '0 0 0 8px rgba(197, 199, 202, 0.48)', buttonBoxShadowHover: '0 0 0 8px rgba(197, 199, 202, 0.24)', buttonBoxShadowCheckedHover: '0 0 0 8px rgba(187, 162, 253, 0.24)', buttonBoxShadowChecked: '0 0 0 8px rgba(187, 162, 253, 0.48)', buttonColor: '#FFF', buttonColorDisabled: '#E7E8EA', railBorderRadiusSmall: borderRadius, railBorderRadiusMedium: borderRadius, railBorderRadiusLarge: borderRadius, buttonBorderRadiusSmall: borderRadius, buttonBorderRadiusMedium: borderRadius, buttonBorderRadiusLarge: borderRadius, boxShadowFocus: `0 0 8px 0 ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.3 })}` });
-    }
+    self: light_1.self
 };
 exports.default = switchDark;

package/lib/switch/styles/light.d.ts

@@ -1,6 +1,21 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import type { Theme } from '../../_mixins';
-declare const self: (vars: ThemeCommonVars) => {
+export declare const self: (vars: ThemeCommonVars) => {
+    buttonHeightSmall: string;
+    buttonHeightMedium: string;
+    buttonHeightLarge: string;
+    buttonWidthSmall: string;
+    buttonWidthMedium: string;
+    buttonWidthLarge: string;
+    buttonWidthPressedSmall: string;
+    buttonWidthPressedMedium: string;
+    buttonWidthPressedLarge: string;
+    railHeightSmall: string;
+    railHeightMedium: string;
+    railHeightLarge: string;
+    railWidthSmall: string;
+    railWidthMedium: string;
+    railWidthLarge: string;
     iconColor: string;
     textColor: string;
     loadingColor: string;
@@ -22,21 +37,6 @@ declare const self: (vars: ThemeCommonVars) => {
     buttonBorderRadiusMedium: string;
     buttonBorderRadiusLarge: string;
     boxShadowFocus: string;
-    buttonHeightSmall: string;
-    buttonHeightMedium: string;
-    buttonHeightLarge: string;
-    buttonWidthSmall: string;
-    buttonWidthMedium: string;
-    buttonWidthLarge: string;
-    buttonWidthPressedSmall: string;
-    buttonWidthPressedMedium: string;
-    buttonWidthPressedLarge: string;
-    railHeightSmall: string;
-    railHeightMedium: string;
-    railHeightLarge: string;
-    railWidthSmall: string;
-    railWidthMedium: string;
-    railWidthLarge: string;
 };
 export type SwitchThemeVars = ReturnType<typeof self>;
 declare const switchLight: Theme<'Switch', SwitchThemeVars>;

package/lib/switch/styles/light.js

@@ -1,19 +1,61 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.self = void 0;
 const seemly_1 = require("seemly");
-const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { primaryColor, opacityDisabled, borderRadius, textColor3 } = vars;
-    const railOverlayColor = '#C5C7CA';
-    return Object.assign(Object.assign({}, _common_1.default), { iconColor: textColor3, textColor: 'white', loadingColor: railOverlayColor, loadingColorActive: primaryColor, opacityDisabled, railColor: railOverlayColor, railColorActive: primaryColor, railColorActiveDisabled: 'rgba(187, 162, 253, 1)', buttonBoxShadow: '0 0 0 8px rgba(197, 199, 202, 0.48)', buttonBoxShadowHover: '0 0 0 8px rgba(197, 199, 202, 0.24)', buttonBoxShadowCheckedHover: '0 0 0 8px rgba(187, 162, 253, 0.24)', buttonBoxShadowChecked: '0 0 0 8px rgba(187, 162, 253, 0.48)', buttonColor: '#FFF', buttonColorDisabled: '#E7E8EA', railBorderRadiusSmall: borderRadius, railBorderRadiusMedium: borderRadius, railBorderRadiusLarge: borderRadius, buttonBorderRadiusSmall: borderRadius, buttonBorderRadiusMedium: borderRadius, buttonBorderRadiusLarge: borderRadius, boxShadowFocus: `0 0 0 2px ${(0, seemly_1.changeColor)(primaryColor, { alpha: 0.2 })}` });
+    const { opacityDisabled, borderRadius, elementsPrimary, textQuaternary, elementsTertiary, brandPrimary500, elementsQuinary, brandPrimary300, elementsSecondary } = vars;
+    return {
+        buttonHeightSmall: '14px',
+        buttonHeightMedium: '20px',
+        buttonHeightLarge: '20px',
+        buttonWidthSmall: '14px',
+        buttonWidthMedium: '20px',
+        buttonWidthLarge: '20px',
+        buttonWidthPressedSmall: '14px',
+        buttonWidthPressedMedium: '20px',
+        buttonWidthPressedLarge: '20px',
+        railHeightSmall: '18px',
+        railHeightMedium: '24px',
+        railHeightLarge: '24px',
+        railWidthSmall: '32px',
+        railWidthMedium: '44px',
+        railWidthLarge: '44px',
+        iconColor: elementsPrimary,
+        textColor: textQuaternary,
+        loadingColor: elementsPrimary,
+        loadingColorActive: elementsPrimary,
+        opacityDisabled,
+        railColor: elementsQuinary,
+        railColorActive: brandPrimary500,
+        railColorActiveDisabled: brandPrimary300,
+        buttonBoxShadow: `0 0 0 8px ${(0, seemly_1.changeColor)(elementsQuinary, {
+            alpha: 0.24
+        })}`,
+        buttonBoxShadowHover: `0 0 0 8px ${(0, seemly_1.changeColor)(elementsQuinary, {
+            alpha: 0.48
+        })}`,
+        buttonBoxShadowCheckedHover: `0 0 0 8px ${(0, seemly_1.changeColor)(brandPrimary300, {
+            alpha: 0.24
+        })}`,
+        buttonBoxShadowChecked: `0 0 0 8px ${(0, seemly_1.changeColor)(brandPrimary300, {
+            alpha: 0.48
+        })}`,
+        buttonColor: elementsSecondary,
+        buttonColorDisabled: elementsTertiary,
+        railBorderRadiusSmall: borderRadius,
+        railBorderRadiusMedium: borderRadius,
+        railBorderRadiusLarge: borderRadius,
+        buttonBorderRadiusSmall: borderRadius,
+        buttonBorderRadiusMedium: borderRadius,
+        buttonBorderRadiusLarge: borderRadius,
+        boxShadowFocus: `0 0 0 2px ${(0, seemly_1.changeColor)(brandPrimary300, { alpha: 0.24 })}`
+    };
 };
+exports.self = self;
 const switchLight = {
     name: 'Switch',
     common: common_1.commonLight,
-    self
+    self: exports.self
 };
 exports.default = switchLight;

package/lib/table/src/Table.d.ts

@@ -20,6 +20,12 @@ export declare const tableProps: {
         default: string;
     };
     theme: PropType<import("../../_mixins").Theme<"Table", {
+        thPaddingSmall: string;
+        thPaddingMedium: string;
+        thPaddingLarge: string;
+        tdPaddingSmall: string;
+        tdPaddingMedium: string;
+        tdPaddingLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -40,14 +46,14 @@ export declare const tableProps: {
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         thPaddingSmall: string;
         thPaddingMedium: string;
         thPaddingLarge: string;
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -68,14 +74,14 @@ export declare const tableProps: {
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         thPaddingSmall: string;
         thPaddingMedium: string;
         thPaddingLarge: string;
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -96,12 +102,6 @@ export declare const tableProps: {
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
-        thPaddingSmall: string;
-        thPaddingMedium: string;
-        thPaddingLarge: string;
-        tdPaddingSmall: string;
-        tdPaddingMedium: string;
-        tdPaddingLarge: string;
     }, any>>>;
 };
 export type TableProps = ExtractPublicPropTypes<typeof tableProps>;
@@ -125,6 +125,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: PropType<import("../../_mixins").Theme<"Table", {
+        thPaddingSmall: string;
+        thPaddingMedium: string;
+        thPaddingLarge: string;
+        tdPaddingSmall: string;
+        tdPaddingMedium: string;
+        tdPaddingLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -145,14 +151,14 @@ declare const _default: import("vue").DefineComponent<{
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         thPaddingSmall: string;
         thPaddingMedium: string;
         thPaddingLarge: string;
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -173,14 +179,14 @@ declare const _default: import("vue").DefineComponent<{
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         thPaddingSmall: string;
         thPaddingMedium: string;
         thPaddingLarge: string;
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -201,12 +207,6 @@ declare const _default: import("vue").DefineComponent<{
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
-        thPaddingSmall: string;
-        thPaddingMedium: string;
-        thPaddingLarge: string;
-        tdPaddingSmall: string;
-        tdPaddingMedium: string;
-        tdPaddingLarge: string;
     }, any>>>;
 }, {
     rtlEnabled: import("vue").Ref<import("../../config-provider/src/internal-interface").RtlItem | undefined> | undefined;
@@ -256,6 +256,12 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: PropType<import("../../_mixins").Theme<"Table", {
+        thPaddingSmall: string;
+        thPaddingMedium: string;
+        thPaddingLarge: string;
+        tdPaddingSmall: string;
+        tdPaddingMedium: string;
+        tdPaddingLarge: string;
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -276,14 +282,14 @@ declare const _default: import("vue").DefineComponent<{
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
+    }, any>>;
+    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         thPaddingSmall: string;
         thPaddingMedium: string;
         thPaddingLarge: string;
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>>;
-    themeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -304,14 +310,14 @@ declare const _default: import("vue").DefineComponent<{
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
+    }, any>>>;
+    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         thPaddingSmall: string;
         thPaddingMedium: string;
         thPaddingLarge: string;
         tdPaddingSmall: string;
         tdPaddingMedium: string;
         tdPaddingLarge: string;
-    }, any>>>;
-    builtinThemeOverrides: PropType<import("../../_mixins/use-theme").ExtractThemeOverrides<import("../../_mixins").Theme<"Table", {
         fontSizeSmall: string;
         fontSizeMedium: string;
         fontSizeLarge: string;
@@ -332,12 +338,6 @@ declare const _default: import("vue").DefineComponent<{
         thTextColor: string;
         tdTextColor: string;
         thFontWeight: string;
-        thPaddingSmall: string;
-        thPaddingMedium: string;
-        thPaddingLarge: string;
-        tdPaddingSmall: string;
-        tdPaddingMedium: string;
-        tdPaddingLarge: string;
     }, any>>>;
 }>>, {
     size: "small" | "medium" | "large";

package/lib/table/styles/light.d.ts

@@ -1,6 +1,12 @@
 import type { ThemeCommonVars } from '../../_styles/common';
 import { type Theme } from '../../_mixins';
 export declare const self: (vars: ThemeCommonVars) => {
+    thPaddingSmall: string;
+    thPaddingMedium: string;
+    thPaddingLarge: string;
+    tdPaddingSmall: string;
+    tdPaddingMedium: string;
+    tdPaddingLarge: string;
     fontSizeSmall: string;
     fontSizeMedium: string;
     fontSizeLarge: string;
@@ -21,12 +27,6 @@ export declare const self: (vars: ThemeCommonVars) => {
     thTextColor: string;
     tdTextColor: string;
     thFontWeight: string;
-    thPaddingSmall: string;
-    thPaddingMedium: string;
-    thPaddingLarge: string;
-    tdPaddingSmall: string;
-    tdPaddingMedium: string;
-    tdPaddingLarge: string;
 };
 export type TableThemeVars = ReturnType<typeof self>;
 declare const tableLight: Theme<'Table', TableThemeVars>;

package/lib/table/styles/light.js

@@ -1,19 +1,37 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
-const seemly_1 = require("seemly");
-const _common_1 = __importDefault(require("./_common"));
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { dividerColor, cardColor, modalColor, popoverColor, tableHeaderColor, tableColorStriped, textColor1, textColor2, borderRadius, fontWeightStrong, lineHeight, fontSizeSmall, fontSizeMedium, fontSizeLarge } = vars;
-    return Object.assign(Object.assign({}, _common_1.default), { fontSizeSmall,
-        fontSizeMedium,
-        fontSizeLarge,
-        lineHeight,
-        borderRadius, borderColor: (0, seemly_1.composite)(cardColor, dividerColor), borderColorModal: (0, seemly_1.composite)(modalColor, dividerColor), borderColorPopover: (0, seemly_1.composite)(popoverColor, dividerColor), tdColor: cardColor, tdColorModal: modalColor, tdColorPopover: popoverColor, tdColorStriped: (0, seemly_1.composite)(cardColor, tableColorStriped), tdColorStripedModal: (0, seemly_1.composite)(modalColor, tableColorStriped), tdColorStripedPopover: (0, seemly_1.composite)(popoverColor, tableColorStriped), thColor: (0, seemly_1.composite)(cardColor, tableHeaderColor), thColorModal: (0, seemly_1.composite)(modalColor, tableHeaderColor), thColorPopover: (0, seemly_1.composite)(popoverColor, tableHeaderColor), thTextColor: textColor1, tdTextColor: textColor2, thFontWeight: fontWeightStrong });
+    const { fontBodySmall, fontBodyMedium, fontBodyLarge, lineHeightBodyLarge, borderRadius, elementsTertiary, containerPrimary, textSecondary, textPrimary, fontWeightBold } = vars;
+    return {
+        thPaddingSmall: '6px',
+        thPaddingMedium: '12px',
+        thPaddingLarge: '12px',
+        tdPaddingSmall: '6px',
+        tdPaddingMedium: '12px',
+        tdPaddingLarge: '12px',
+        fontSizeSmall: fontBodySmall,
+        fontSizeMedium: fontBodyMedium,
+        fontSizeLarge: fontBodyLarge,
+        lineHeight: lineHeightBodyLarge,
+        borderRadius,
+        borderColor: elementsTertiary,
+        borderColorModal: elementsTertiary,
+        borderColorPopover: elementsTertiary,
+        tdColor: containerPrimary,
+        tdColorModal: containerPrimary,
+        tdColorPopover: containerPrimary,
+        tdColorStriped: elementsTertiary,
+        tdColorStripedModal: elementsTertiary,
+        tdColorStripedPopover: elementsTertiary,
+        thColor: containerPrimary,
+        thColorModal: containerPrimary,
+        thColorPopover: containerPrimary,
+        thTextColor: textSecondary,
+        tdTextColor: textPrimary,
+        thFontWeight: fontWeightBold
+    };
 };
 exports.self = self;
 const tableLight = {