@uzum-tech/ui 1.4.2 → 1.5.0

package/lib/data-table/src/TableParts/BodySkeleton.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vue_1 = require("vue");
+const skeleton_1 = require("../../../skeleton");
+const interface_1 = require("../interface");
+exports.default = (0, vue_1.defineComponent)({
+    name: 'DataTableBodySkeleton',
+    props: {
+        rowCount: {
+            type: Number,
+            default: 10
+        }
+    },
+    setup(props) {
+        const { mergedClsPrefixRef, colsRef, props: dataTableProps
+        // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+         } = (0, vue_1.inject)(interface_1.dataTableInjectionKey);
+        const skeletonRowCount = (0, vue_1.computed)(() => {
+            if (dataTableProps.pagination &&
+                typeof dataTableProps.pagination === 'object' &&
+                dataTableProps.pagination.pageSize) {
+                return dataTableProps.pagination.pageSize;
+            }
+            return props.rowCount;
+        });
+        return {
+            mergedClsPrefix: mergedClsPrefixRef,
+            cols: colsRef,
+            skeletonRowCount
+        };
+    },
+    render() {
+        const { mergedClsPrefix, cols, skeletonRowCount } = this;
+        const skeletonRows = Array.from({ length: skeletonRowCount }, (_, index) => ((0, vue_1.h)("tr", { key: `skeleton-row-${index}`, class: `${mergedClsPrefix}-data-table-tr ${mergedClsPrefix}-data-table-tr--skeleton` }, cols.map((col) => ((0, vue_1.h)("td", { key: col.key, class: [
+                `${mergedClsPrefix}-data-table-td`,
+                `${mergedClsPrefix}-data-table-td--skeleton`,
+                col.column.fixed &&
+                    `${mergedClsPrefix}-data-table-td--fixed-${col.column.fixed}`,
+                col.column.align &&
+                    `${mergedClsPrefix}-data-table-td--${col.column.align}-align`
+            ], style: {
+                textAlign: col.column.align || undefined,
+                padding: 'var(--u-td-padding)'
+            } },
+            col.column.fixed && ((0, vue_1.h)("div", { class: `${mergedClsPrefix}-data-table-td__shadow-holder` })),
+            (0, vue_1.h)(skeleton_1.USkeleton, { height: "var(--u-line-height)", width: col.column.type === 'selection' ? '16px' : '85%', animated: true, style: {
+                    borderRadius: '16px'
+                } })))))));
+        return ((0, vue_1.h)("tbody", { class: [
+                `${mergedClsPrefix}-data-table-tbody`,
+                `${mergedClsPrefix}-data-table-tbody--skeleton`
+            ] }, skeletonRows));
+    }
+});

package/lib/data-table/src/TableParts/Header.d.ts

@@ -472,6 +472,8 @@ declare const _default: import("vue").DefineComponent<{
                 jumperFontSizeLarge: string;
                 jumperTextColor: string;
                 jumperTextColorDisabled: string;
+                paginationSizePickerBackground: string;
+                paginationSizePickerBorder: string;
             }, {
                 Select: import("../../../_mixins").Theme<"Select", {
                     menuBoxShadow: string;

package/lib/data-table/src/interface.d.ts

@@ -565,6 +565,8 @@ export declare const dataTableProps: {
             jumperFontSizeLarge: string;
             jumperTextColor: string;
             jumperTextColorDisabled: string;
+            paginationSizePickerBackground: string;
+            paginationSizePickerBorder: string;
         }, {
             Select: import("../../_mixins").Theme<"Select", {
                 menuBoxShadow: string;
@@ -1481,6 +1483,8 @@ export declare const dataTableProps: {
             jumperFontSizeLarge: string;
             jumperTextColor: string;
             jumperTextColorDisabled: string;
+            paginationSizePickerBackground: string;
+            paginationSizePickerBorder: string;
         }, {
             Select: import("../../_mixins").Theme<"Select", {
                 menuBoxShadow: string;
@@ -2397,6 +2401,8 @@ export declare const dataTableProps: {
             jumperFontSizeLarge: string;
             jumperTextColor: string;
             jumperTextColorDisabled: string;
+            paginationSizePickerBackground: string;
+            paginationSizePickerBorder: string;
         }, {
             Select: import("../../_mixins").Theme<"Select", {
                 menuBoxShadow: string;

package/lib/data-table/src/styles/index.cssr.js

@@ -188,7 +188,7 @@ exports.default = (0, cssr_1.c)([(0, cssr_1.cB)('data-table', `
  white-space: nowrap;
  max-width: 100%;
  `), (0, cssr_1.c)('&:hover', `
- color: var(--u-th-icon-color-active);
+ color: var(--u-th-text-color);
  `), (0, cssr_1.cM)('hover', `
  background-color: var(--u-merged-th-color-hover);
  color: var(--u-th-icon-color-active);

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

@@ -506,6 +506,8 @@ declare const dataTableLight: import("../../_mixins").Theme<"DataTable", {
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;

package/lib/data-table/styles/light.js

@@ -48,7 +48,7 @@ const self = (vars) => {
         thColorHover: containerPrimary,
         tdColor: containerPrimary,
         tdTextColor: textPrimary,
-        thTextColor: textSecondary,
+        thTextColor: textPrimary,
         thFontWeight: fontWeightBold,
         thSubColor: textSecondary,
         thSubFontWeight: fontWeight,

package/lib/dialog/src/DialogProvider.d.ts

@@ -338,6 +338,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     shadowDepth: string;
                     fontFamily: string;
                     fontFamilyMono: string;
+                    fontFamilyWixMadeforDisplay: string;
                     cubicBezierEaseInOut: string;
                     cubicBezierEaseOut: string;
                     cubicBezierEaseIn: string;
@@ -386,6 +387,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     closeLarge: string;
                     closeHuge: string;
                     closeBorderRadius: string;
+                    codeBorder: string;
                     name: "common";
                 } | undefined;
             } | undefined;
@@ -692,6 +694,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     shadowDepth: string;
                     fontFamily: string;
                     fontFamilyMono: string;
+                    fontFamilyWixMadeforDisplay: string;
                     cubicBezierEaseInOut: string;
                     cubicBezierEaseOut: string;
                     cubicBezierEaseIn: string;
@@ -740,6 +743,7 @@ export declare const UDialogProvider: import("vue").DefineComponent<{
                     closeLarge: string;
                     closeHuge: string;
                     closeBorderRadius: string;
+                    codeBorder: string;
                     name: "common";
                 } | undefined;
             } | undefined;

package/lib/icon-wrapper/src/IconWrapper.d.ts

@@ -102,6 +102,6 @@ export declare const UIconWrapper: import("vue").DefineComponent<{
 }>>, {
     readonly borderRadius: number;
     readonly size: number;
-    readonly pulseSize: number;
     readonly variant: IconWrapperVariant;
+    readonly pulseSize: number;
 }, {}>;

package/lib/modal/src/BodyWrapper.d.ts

@@ -80,6 +80,7 @@ declare const _default: import("vue").DefineComponent<{
             sizeSmall: string;
             sizeMedium: string;
             sizeLarge: string;
+            sizeExtra: string;
         };
         peers: {
             Scrollbar: import("../../_mixins").Theme<"Scrollbar", {

package/lib/modal/src/Modal.d.ts

@@ -91,6 +91,7 @@ export declare const modalProps: {
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -391,6 +392,7 @@ export declare const modalProps: {
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -691,6 +693,7 @@ export declare const modalProps: {
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -1077,6 +1080,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -1377,6 +1381,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -1677,6 +1682,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -2084,6 +2090,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -2384,6 +2391,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;
@@ -2684,6 +2692,7 @@ declare const _default: import("vue").DefineComponent<{
         sizeSmall: string;
         sizeMedium: string;
         sizeLarge: string;
+        sizeExtra: string;
     }, {
         Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
             color: string;

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

@@ -6,6 +6,7 @@ export declare const self: (vars: ThemeCommonVars) => {
     sizeSmall: string;
     sizeMedium: string;
     sizeLarge: string;
+    sizeExtra: string;
 };
 export type ModalThemeVars = ReturnType<typeof self>;
 declare const modalLight: import("../../_mixins").Theme<"Modal", {
@@ -15,6 +16,7 @@ declare const modalLight: import("../../_mixins").Theme<"Modal", {
     sizeSmall: string;
     sizeMedium: string;
     sizeLarge: string;
+    sizeExtra: string;
 }, {
     Scrollbar: import("../../_mixins").Theme<"Scrollbar", {
         color: string;

package/lib/modal/styles/light.js

@@ -14,7 +14,8 @@ const self = (vars) => {
         textColor: textPrimary,
         sizeSmall: '512px',
         sizeMedium: '576px',
-        sizeLarge: '720px'
+        sizeLarge: '720px',
+        sizeExtra: '900px'
     };
 };
 exports.self = self;

package/lib/pagination/src/Pagination.d.ts

@@ -130,6 +130,8 @@ export declare const paginationProps: {
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -528,6 +530,8 @@ export declare const paginationProps: {
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -926,6 +930,8 @@ export declare const paginationProps: {
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -1380,6 +1386,8 @@ declare const _default: import("vue").DefineComponent<{
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -1778,6 +1786,8 @@ declare const _default: import("vue").DefineComponent<{
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -2176,6 +2186,8 @@ declare const _default: import("vue").DefineComponent<{
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -2592,6 +2604,8 @@ declare const _default: import("vue").DefineComponent<{
             jumperFontSizeLarge: string;
             jumperTextColor: string;
             jumperTextColorDisabled: string;
+            paginationSizePickerBackground: string;
+            paginationSizePickerBorder: string;
         };
         peers: {
             Select: import("../../_mixins").Theme<"Select", {
@@ -3251,6 +3265,8 @@ declare const _default: import("vue").DefineComponent<{
         '--u-button-border': string;
         '--u-button-border-hover': string;
         '--u-button-border-pressed': string;
+        '--u-pagination-size-picker-background': string;
+        '--u-pagination-size-picker-border': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;
@@ -3379,6 +3395,8 @@ declare const _default: import("vue").DefineComponent<{
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -3777,6 +3795,8 @@ declare const _default: import("vue").DefineComponent<{
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;
@@ -4175,6 +4195,8 @@ declare const _default: import("vue").DefineComponent<{
         jumperFontSizeLarge: string;
         jumperTextColor: string;
         jumperTextColorDisabled: string;
+        paginationSizePickerBackground: string;
+        paginationSizePickerBorder: string;
     }, {
         Select: import("../../_mixins").Theme<"Select", {
             menuBoxShadow: string;

package/lib/pagination/src/Pagination.js

@@ -281,7 +281,7 @@ exports.default = (0, vue_1.defineComponent)({
         });
         const cssVarsRef = (0, vue_1.computed)(() => {
             const { size } = props;
-            const { self: { buttonBorder, buttonBorderHover, buttonBorderPressed, buttonIconColor, buttonIconColorHover, buttonIconColorPressed, itemTextColor, itemTextColorHover, itemTextColorPressed, itemTextColorActive, itemTextColorDisabled, itemColor, itemColorHover, itemColorPressed, itemColorActive, itemColorActiveHover, itemColorDisabled, itemBorder, itemBorderHover, itemBorderPressed, itemBorderActive, itemBorderDisabled, itemBorderRadius, jumperTextColor, jumperTextColorDisabled, buttonColor, buttonColorHover, buttonColorPressed, [(0, _utils_1.createKey)('itemPadding', size)]: itemPadding, [(0, _utils_1.createKey)('itemMargin', size)]: itemMargin, [(0, _utils_1.createKey)('inputWidth', size)]: inputWidth, [(0, _utils_1.createKey)('selectWidth', size)]: selectWidth, [(0, _utils_1.createKey)('inputMargin', size)]: inputMargin, [(0, _utils_1.createKey)('selectMargin', size)]: selectMargin, [(0, _utils_1.createKey)('jumperFontSize', size)]: jumperFontSize, [(0, _utils_1.createKey)('prefixMargin', size)]: prefixMargin, [(0, _utils_1.createKey)('suffixMargin', size)]: suffixMargin, [(0, _utils_1.createKey)('itemSize', size)]: itemSize, [(0, _utils_1.createKey)('buttonIconSize', size)]: buttonIconSize, [(0, _utils_1.createKey)('itemFontSize', size)]: itemFontSize, [`${(0, _utils_1.createKey)('itemMargin', size)}Rtl`]: itemMarginRtl, [`${(0, _utils_1.createKey)('inputMargin', size)}Rtl`]: inputMarginRtl }, common: { cubicBezierEaseInOut } } = themeRef.value;
+            const { self: { buttonBorder, buttonBorderHover, buttonBorderPressed, buttonIconColor, buttonIconColorHover, buttonIconColorPressed, itemTextColor, itemTextColorHover, itemTextColorPressed, itemTextColorActive, itemTextColorDisabled, itemColor, itemColorHover, itemColorPressed, itemColorActive, itemColorActiveHover, itemColorDisabled, itemBorder, itemBorderHover, itemBorderPressed, itemBorderActive, itemBorderDisabled, itemBorderRadius, jumperTextColor, jumperTextColorDisabled, paginationSizePickerBackground, paginationSizePickerBorder, buttonColor, buttonColorHover, buttonColorPressed, [(0, _utils_1.createKey)('itemPadding', size)]: itemPadding, [(0, _utils_1.createKey)('itemMargin', size)]: itemMargin, [(0, _utils_1.createKey)('inputWidth', size)]: inputWidth, [(0, _utils_1.createKey)('selectWidth', size)]: selectWidth, [(0, _utils_1.createKey)('inputMargin', size)]: inputMargin, [(0, _utils_1.createKey)('selectMargin', size)]: selectMargin, [(0, _utils_1.createKey)('jumperFontSize', size)]: jumperFontSize, [(0, _utils_1.createKey)('prefixMargin', size)]: prefixMargin, [(0, _utils_1.createKey)('suffixMargin', size)]: suffixMargin, [(0, _utils_1.createKey)('itemSize', size)]: itemSize, [(0, _utils_1.createKey)('buttonIconSize', size)]: buttonIconSize, [(0, _utils_1.createKey)('itemFontSize', size)]: itemFontSize, [`${(0, _utils_1.createKey)('itemMargin', size)}Rtl`]: itemMarginRtl, [`${(0, _utils_1.createKey)('inputMargin', size)}Rtl`]: inputMarginRtl }, common: { cubicBezierEaseInOut } } = themeRef.value;
             return {
                 '--u-prefix-margin': prefixMargin,
                 '--u-suffix-margin': suffixMargin,
@@ -325,7 +325,9 @@ exports.default = (0, vue_1.defineComponent)({
                 '--u-button-color-pressed': buttonColorPressed,
                 '--u-button-border': buttonBorder,
                 '--u-button-border-hover': buttonBorderHover,
-                '--u-button-border-pressed': buttonBorderPressed
+                '--u-button-border-pressed': buttonBorderPressed,
+                '--u-pagination-size-picker-background': paginationSizePickerBackground,
+                '--u-pagination-size-picker-border': paginationSizePickerBorder
             };
         });
         const themeClassHandle = inlineThemeDisabled

package/lib/pagination/src/styles/index.cssr.js

@@ -50,6 +50,8 @@ const hoverStyleChildren = [(0, cssr_1.cM)('button', `
 // --u-button-color
 // --u-button-color-hover
 // --u-button-color-pressed
+// --u-pagination-size-picker-background
+// --u-pagination-size-picker-border
 exports.default = (0, cssr_1.cB)('pagination', `
  display: flex;
  width: 100%;
@@ -69,6 +71,7 @@ exports.default = (0, cssr_1.cB)('pagination', `
  margin: var(--u-item-margin);
  `), (0, cssr_1.cB)('select', `
  min-width: var(--u-select-width);
+ max-width: 100px;
  margin: var(--u-select-margin);
  `), (0, cssr_1.c)('&.transition-disabled', [(0, cssr_1.cB)('pagination-item', 'transition: none !important;')]), (0, cssr_1.cB)('pagination-pages', `
  white-space: nowrap;
@@ -79,10 +82,18 @@ exports.default = (0, cssr_1.cB)('pagination', `
  white-space: nowrap;
  transition: color .3s var(--u-bezier);
  align-items: center;
+ display: flex;
+ gap: 16px 10px;
+ flex-wrap: wrap;
+ width: 100%;
  `, [(0, cssr_1.cB)('label', `
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
+ `), (0, cssr_1.cB)('base-selection-label', `
+ background-color: var(--u-pagination-size-picker-background);
+ `), (0, cssr_1.cB)('base-selection__border', `
+ border-color: var(--u-pagination-size-picker-border);
  `)]), (0, cssr_1.cB)('pagination-quick-jumper', `
  white-space: nowrap;
  display: flex;

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

@@ -70,6 +70,8 @@ export declare const self: (vars: ThemeCommonVars) => {
     jumperFontSizeLarge: string;
     jumperTextColor: string;
     jumperTextColorDisabled: string;
+    paginationSizePickerBackground: string;
+    paginationSizePickerBorder: string;
 };
 export type PaginationThemeVars = ReturnType<typeof self>;
 declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
@@ -143,6 +145,8 @@ declare const paginationLight: import("../../_mixins").Theme<"Pagination", {
     jumperFontSizeLarge: string;
     jumperTextColor: string;
     jumperTextColorDisabled: string;
+    paginationSizePickerBackground: string;
+    paginationSizePickerBorder: string;
 }, {
     Select: import("../../_mixins").Theme<"Select", {
         menuBoxShadow: string;

package/lib/pagination/styles/light.js

@@ -7,7 +7,7 @@ const styles_3 = require("../../input/styles");
 const common_1 = require("../../_styles/common");
 const _mixins_1 = require("../../_mixins");
 const self = (vars) => {
-    const { transparencySecondary, elementsPrimary, brandPrimary500, textSecondary, borderRadiusLarge, fontBodyMedium, fontBodyLarge, textPrimary, textTertiary } = vars;
+    const { brandPrimary100, transparencySecondary, elementsPrimary, brandPrimary500, textSecondary, borderRadius, fontBodyMedium, fontBodyLarge, textPrimary, textTertiary, elementsTertiary, elementsQuaternary } = vars;
     return {
         itemPaddingSmall: '0 4px',
         itemMarginSmall: '0 0 0 2px',
@@ -59,15 +59,15 @@ const self = (vars) => {
         itemColor: '#0000',
         itemColorHover: transparencySecondary,
         itemColorPressed: transparencySecondary,
-        itemColorActive: '#0000',
-        itemColorActiveHover: transparencySecondary,
+        itemColorActive: brandPrimary100,
+        itemColorActiveHover: brandPrimary100,
         itemColorDisabled: '#0000',
         itemBorder: '0px',
         itemBorderHover: '0px',
         itemBorderPressed: '0px',
         itemBorderActive: '0px',
         itemBorderDisabled: '0px',
-        itemBorderRadius: borderRadiusLarge,
+        itemBorderRadius: borderRadius,
         itemSizeSmall: '24px',
         itemSizeMedium: '32px',
         itemSizeLarge: '40px',
@@ -78,7 +78,9 @@ const self = (vars) => {
         jumperFontSizeMedium: fontBodyMedium,
         jumperFontSizeLarge: fontBodyLarge,
         jumperTextColor: textPrimary,
-        jumperTextColorDisabled: textTertiary
+        jumperTextColorDisabled: textTertiary,
+        paginationSizePickerBackground: elementsTertiary,
+        paginationSizePickerBorder: elementsQuaternary
     };
 };
 exports.self = self;

package/lib/spin/styles/light.js

@@ -3,15 +3,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.self = void 0;
 const common_1 = require("../../_styles/common");
 const self = (vars) => {
-    const { opacityDisabled, elementsPrimary, brandPrimary500, fontBodyMedium, fontBodySmall, fontBodyLarge, fontHeadingSmall, fontHeadingMedium, fontHeadingLarge } = vars;
+    const { opacityDisabled, elementsPrimary, brandPrimary500, fontBodyMedium, fontBodySmall, fontBodyLarge, fontHeadingSmall, fontTitleMedium, fontHeadingLarge } = vars;
     return {
         tertiaryColor: elementsPrimary,
         primaryColor: brandPrimary500,
         fontSize: fontBodyMedium,
         sizeTiny: fontBodySmall,
         sizeSmall: fontBodyLarge,
-        sizeMedium: fontHeadingSmall,
-        sizeLarge: fontHeadingMedium,
+        sizeMedium: fontTitleMedium,
+        sizeLarge: fontHeadingSmall,
         sizeHuge: fontHeadingLarge,
         opacitySpinning: opacityDisabled
     };

package/lib/steps/src/Step.d.ts

@@ -44,12 +44,29 @@ declare const _default: import("vue").DefineComponent<{
         '--u-indicator-color': string;
         '--u-indicator-icon-size': string;
         '--u-indicator-index-font-size': string;
+        '--u-indicator-index-font-size--outline': string;
         '--u-indicator-size': string;
+        '--u-indicator-size--dotted': string;
+        '--u-indicator-color--dotted': string;
         '--u-indicator-text-color': string;
+        '--u-indicator-text-color--outline': string;
         '--u-splitor-color': string;
+        '--u-splitor-color--dotted': string;
+        '--u-splitor-color-finish--dotted': string;
         '--u-step-header-font-size': string;
         '--u-step-header-font-weight': string;
         '--u-step-icon-color': string;
+        '--u-step-icon-color--outline': string;
+        '--u-indicator-background-finish--outline': string;
+        '--u-indicator-color-finish--dotted': string;
+        '--u-indicator-icon-size--outline': string;
+        '--u-indicator-border-color-finish--outline': string;
+        '--u-indicator-icon-color--outline': string;
+        '--u-indicator-border-radius--outline': string;
+        '--u-indicator-border-radius-finish--outline': string;
+        '--u-step-height': string;
+        '--u-description-text-color--dotted': string;
+        '--u-step-header-font-size--dotted': string;
     }> | undefined;
     themeClass: import("vue").Ref<string> | undefined;
     onRender: (() => void) | undefined;