@douyinfe/semi-foundation 2.35.0 → 2.36.0-beta.0

package/lib/es/typography/typography.css

@@ -146,6 +146,26 @@ h1.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h1.semi-typography.semi-typography-h1-weight-light,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-light {
+  font-weight: 200;
+}
+h1.semi-typography.semi-typography-h1-weight-regular,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-regular {
+  font-weight: 400;
+}
+h1.semi-typography.semi-typography-h1-weight-medium,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-medium {
+  font-weight: 500;
+}
+h1.semi-typography.semi-typography-h1-weight-semibold,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-semibold {
+  font-weight: 600;
+}
+h1.semi-typography.semi-typography-h1-weight-bold,
+.semi-typography-h1.semi-typography.semi-typography-h1-weight-bold {
+  font-weight: 700;
+}
 
 h2.semi-typography,
 .semi-typography-h2.semi-typography {
@@ -155,6 +175,26 @@ h2.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h2.semi-typography.semi-typography-h2-weight-light,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-light {
+  font-weight: 200;
+}
+h2.semi-typography.semi-typography-h2-weight-regular,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-regular {
+  font-weight: 400;
+}
+h2.semi-typography.semi-typography-h2-weight-medium,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-medium {
+  font-weight: 500;
+}
+h2.semi-typography.semi-typography-h2-weight-semibold,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-semibold {
+  font-weight: 600;
+}
+h2.semi-typography.semi-typography-h2-weight-bold,
+.semi-typography-h2.semi-typography.semi-typography-h2-weight-bold {
+  font-weight: 700;
+}
 
 h3.semi-typography,
 .semi-typography-h3.semi-typography {
@@ -164,6 +204,26 @@ h3.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h3.semi-typography.semi-typography-h3-weight-light,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-light {
+  font-weight: 200;
+}
+h3.semi-typography.semi-typography-h3-weight-regular,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-regular {
+  font-weight: 400;
+}
+h3.semi-typography.semi-typography-h3-weight-medium,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-medium {
+  font-weight: 500;
+}
+h3.semi-typography.semi-typography-h3-weight-semibold,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-semibold {
+  font-weight: 600;
+}
+h3.semi-typography.semi-typography-h3-weight-bold,
+.semi-typography-h3.semi-typography.semi-typography-h3-weight-bold {
+  font-weight: 700;
+}
 
 h4.semi-typography,
 .semi-typography-h4.semi-typography {
@@ -173,6 +233,26 @@ h4.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h4.semi-typography.semi-typography-h4-weight-light,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-light {
+  font-weight: 200;
+}
+h4.semi-typography.semi-typography-h4-weight-regular,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-regular {
+  font-weight: 400;
+}
+h4.semi-typography.semi-typography-h4-weight-medium,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-medium {
+  font-weight: 500;
+}
+h4.semi-typography.semi-typography-h4-weight-semibold,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-semibold {
+  font-weight: 600;
+}
+h4.semi-typography.semi-typography-h4-weight-bold,
+.semi-typography-h4.semi-typography.semi-typography-h4-weight-bold {
+  font-weight: 700;
+}
 
 h5.semi-typography,
 .semi-typography-h5.semi-typography {
@@ -182,6 +262,26 @@ h5.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h5.semi-typography.semi-typography-h5-weight-light,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-light {
+  font-weight: 200;
+}
+h5.semi-typography.semi-typography-h5-weight-regular,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-regular {
+  font-weight: 400;
+}
+h5.semi-typography.semi-typography-h5-weight-medium,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-medium {
+  font-weight: 500;
+}
+h5.semi-typography.semi-typography-h5-weight-semibold,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-semibold {
+  font-weight: 600;
+}
+h5.semi-typography.semi-typography-h5-weight-bold,
+.semi-typography-h5.semi-typography.semi-typography-h5-weight-bold {
+  font-weight: 700;
+}
 
 h6.semi-typography,
 .semi-typography-h6.semi-typography {
@@ -191,6 +291,26 @@ h6.semi-typography,
   font-weight: 600;
   margin: 0;
 }
+h6.semi-typography.semi-typography-h6-weight-light,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-light {
+  font-weight: 200;
+}
+h6.semi-typography.semi-typography-h6-weight-regular,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-regular {
+  font-weight: 400;
+}
+h6.semi-typography.semi-typography-h6-weight-medium,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-medium {
+  font-weight: 500;
+}
+h6.semi-typography.semi-typography-h6-weight-semibold,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-semibold {
+  font-weight: 600;
+}
+h6.semi-typography.semi-typography-h6-weight-bold,
+.semi-typography-h6.semi-typography.semi-typography-h6-weight-bold {
+  font-weight: 700;
+}
 
 p.semi-typography-extended,
 .semi-typography-paragraph.semi-typography-extended {

package/lib/es/typography/typography.scss

@@ -177,49 +177,174 @@ $module: #{$prefix}-typography;
     &-paragraph {
         margin: $spacing-typography_title_paragraph-margin;
     }
+
 }
 
 // ============ Title ============
 h1.#{$module},
 .#{$module}-h1.#{$module} {
     @include font-size-header-1;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title1-fontWeight;
     margin: $spacing-typography_title_h1-margin;
+
+    &.#{$module}-h1-weight-light {
+        font-weight: $font-typography_title1-light-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-regular {
+        font-weight: $font-typography_title1-regular-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-medium {
+        font-weight: $font-typography_title1-medium-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-semibold {
+        font-weight: $font-typography_title1-semibold-fontWeight;
+    }
+
+    &.#{$module}-h1-weight-bold {
+        font-weight: $font-typography_title1-bold-fontWeight;
+    }
+
 }
 
 h2.#{$module},
 .#{$module}-h2.#{$module} {
     @include font-size-header-2;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title2-fontWeight;
     margin: $spacing-typography_title_h2-margin;
+
+    &.#{$module}-h2-weight-light {
+        font-weight: $font-typography_title2-light-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-regular {
+        font-weight: $font-typography_title2-regular-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-medium {
+        font-weight: $font-typography_title2-medium-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-semibold {
+        font-weight: $font-typography_title2-semibold-fontWeight;
+    }
+
+    &.#{$module}-h2-weight-bold {
+        font-weight: $font-typography_title2-bold-fontWeight;
+    }
+
 }
 
 h3.#{$module},
 .#{$module}-h3.#{$module} {
     @include font-size-header-3;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title3-fontWeight;
     margin: $spacing-typography_title_h3-margin;
+
+    &.#{$module}-h3-weight-light {
+        font-weight: $font-typography_title3-light-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-regular {
+        font-weight: $font-typography_title3-regular-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-medium {
+        font-weight: $font-typography_title3-medium-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-semibold {
+        font-weight: $font-typography_title3-semibold-fontWeight;
+    }
+
+    &.#{$module}-h3-weight-bold {
+        font-weight: $font-typography_title3-bold-fontWeight;
+    }
+
 }
 
 h4.#{$module},
 .#{$module}-h4.#{$module} {
     @include font-size-header-4;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title4-fontWeight;
     margin: $spacing-typography_title_h4-margin;
+
+    &.#{$module}-h4-weight-light {
+        font-weight: $font-typography_title4-light-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-regular {
+        font-weight: $font-typography_title4-regular-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-medium {
+        font-weight: $font-typography_title4-medium-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-semibold {
+        font-weight: $font-typography_title4-semibold-fontWeight;
+    }
+
+    &.#{$module}-h4-weight-bold {
+        font-weight: $font-typography_title4-bold-fontWeight;
+    }
 }
 
 h5.#{$module},
 .#{$module}-h5.#{$module} {
     @include font-size-header-5;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title5-fontWeight;
     margin: $spacing-typography_title_h5-margin;
+
+    &.#{$module}-h5-weight-light {
+        font-weight: $font-typography_title5-light-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-regular {
+        font-weight: $font-typography_title5-regular-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-medium {
+        font-weight: $font-typography_title5-medium-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-semibold {
+        font-weight: $font-typography_title5-semibold-fontWeight;
+    }
+
+    &.#{$module}-h5-weight-bold {
+        font-weight: $font-typography_title5-bold-fontWeight;
+    }
 }
 
 h6.#{$module},
 .#{$module}-h6.#{$module} {
     @include font-size-header-6;
-    font-weight: $font-typography_title-fontWeight;
+    font-weight: $font-typography_title6-fontWeight;
     margin: $spacing-typography_title_h6-margin;
+
+    &.#{$module}-h6-weight-light {
+        font-weight: $font-typography_title6-light-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-regular {
+        font-weight: $font-typography_title6-regular-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-medium {
+        font-weight: $font-typography_title6-medium-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-semibold {
+        font-weight: $font-typography_title6-semibold-fontWeight;
+    }
+
+    &.#{$module}-h6-weight-bold {
+        font-weight: $font-typography_title6-bold-fontWeight;
+    }
+
 }
 
 // ============ Paragraph ============

package/lib/es/typography/variables.scss

@@ -27,6 +27,54 @@ $font-typography_link-fontWeight: $font-weight-bold; // 链接文本字重
 $font-typography_strong-fontWeight: $font-weight-bold; // 强调文本字重
 $font-typography_paragraph_extended-lineHeight: 24px; // 宽松行距段落文本行高
 
+$font-typography_title1-fontWeight: $font-typography_title-fontWeight; // 一级标题文本字重
+$font-typography_title2-fontWeight: $font-typography_title-fontWeight; // 二级标题文本字重
+$font-typography_title3-fontWeight: $font-typography_title-fontWeight; // 三级标题文本字重
+$font-typography_title4-fontWeight: $font-typography_title-fontWeight; // 四级标题文本字重
+$font-typography_title5-fontWeight: $font-typography_title-fontWeight; // 五级标题文本字重
+$font-typography_title6-fontWeight: $font-typography_title-fontWeight; // 六级标题文本字重
+
+
+
+
+$font-typography_title1-light-fontWeight: 200; // 一级标题文本字重 - 细
+$font-typography_title2-light-fontWeight: 200; // 二级标题文本字重 - 细
+$font-typography_title3-light-fontWeight: 200; // 三级标题文本字重 - 细
+$font-typography_title4-light-fontWeight: 200; // 四级标题文本字重 - 细
+$font-typography_title5-light-fontWeight: 200; // 五级标题文本字重 - 细
+$font-typography_title6-light-fontWeight: 200; // 六级标题文本字重 - 细
+
+$font-typography_title1-regular-fontWeight: 400; // 一级标题文本字重 - 正常
+$font-typography_title2-regular-fontWeight: 400; // 二级标题文本字重 - 正常
+$font-typography_title3-regular-fontWeight: 400; // 三级标题文本字重 - 正常
+$font-typography_title4-regular-fontWeight: 400; // 四级标题文本字重 - 正常
+$font-typography_title5-regular-fontWeight: 400; // 五级标题文本字重 - 正常
+$font-typography_title6-regular-fontWeight: 400; // 六级标题文本字重 - 正常
+
+$font-typography_title1-medium-fontWeight: 500; // 一级标题文本字重 - 中等
+$font-typography_title2-medium-fontWeight: 500; // 二级标题文本字重 - 中等
+$font-typography_title3-medium-fontWeight: 500; // 三级标题文本字重 - 中等
+$font-typography_title4-medium-fontWeight: 500; // 四级标题文本字重 - 中等
+$font-typography_title5-medium-fontWeight: 500; // 五级标题文本字重 - 中等
+$font-typography_title6-medium-fontWeight: 500; // 六级标题文本字重 - 中等
+
+$font-typography_title1-semibold-fontWeight: 600; // 一级标题文本字重 - 半粗
+$font-typography_title2-semibold-fontWeight: 600; // 二级标题文本字重 - 半粗
+$font-typography_title3-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+$font-typography_title4-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+$font-typography_title5-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+$font-typography_title6-semibold-fontWeight: 600; // 三级标题文本字重 - 半粗
+
+$font-typography_title1-bold-fontWeight: 700; // 一级标题文本字重 - 粗
+$font-typography_title2-bold-fontWeight: 700; // 二级标题文本字重 - 粗
+$font-typography_title3-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+$font-typography_title4-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+$font-typography_title5-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+$font-typography_title6-bold-fontWeight: 700; // 三级标题文本字重 - 粗
+
+
+
+
 $spacing-typography_iconPrefix-marginRight: 4px; // 带前缀文本图标右侧外边距
 $spacing-typography_expandText-marginLeft: 8px; // 支持展开文本展开按钮左侧外边距
 $spacing-typography_copyIcon-marginLeft: 4px; // 可复制文本复制图标左侧外边距

package/overflowList/foundation.ts

@@ -8,7 +8,7 @@ export interface OverflowListAdapter extends DefaultAdapter {
     updateStates: (state: any) => void;
     updateVisibleState: (visible: Map<string, boolean>) => void;
     notifyIntersect: (res: any) => void;
-    getItemSizeMap: ()=>Map<string, number>
+    getItemSizeMap: () => Map<string, number>
 }
 
 class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
@@ -46,7 +46,7 @@ class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
 
         const res = {};
         entries.forEach(entry => {
-            const itemKey = get(entry, 'target.dataset.scrollkey');
+            const itemKey: string = get(entry, 'target.dataset.scrollkey');
             const visible = entry.isIntersecting;
             res[itemKey] = entry;
             visibleState.set(itemKey, visible);
@@ -77,7 +77,7 @@ class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
         const { items } = this.getProps();
         return cloneDeep(items).reverse();
     }
-    handleCollapseOverflow(){
+    handleCollapseOverflow() {
         const { minVisibleItems, collapseFrom } = this.getProps();
         const { overflowWidth, containerWidth, pivot: statePivot, overflowStatus } = this.getStates();
         const { items, onOverflow } = this.getProps();
@@ -114,7 +114,7 @@ class OverflowListFoundation extends BaseFoundation<OverflowListAdapter> {
                 overflow,
             });
             // trigger onOverflow
-            if (statePivot !== pivot){
+            if (statePivot !== pivot) {
                 onOverflow(overflow);
             }
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-foundation",
-    "version": "2.35.0",
+    "version": "2.36.0-beta.0",
     "description": "",
     "scripts": {
         "build:lib": "node ./scripts/compileLib.js",
@@ -23,7 +23,7 @@
         "*.scss",
         "*.css"
     ],
-    "gitHead": "bddc219454c94eef034a483a41072e41b4c84bc2",
+    "gitHead": "e973ed0dc3b8cd37e9c737f1548e386d814f787b",
     "devDependencies": {
         "@babel/plugin-transform-runtime": "^7.15.8",
         "@babel/preset-env": "^7.15.8",

package/table/foundation.ts

@@ -465,6 +465,7 @@ class TableFoundation<RecordType> extends BaseFoundation<TableAdapter<RecordType
                                             }
                                             return arr;
                                         },
+                                        // @ts-ignore
                                         [...children]
                                     ),
                                 });

package/table/table.scss

@@ -83,6 +83,18 @@ $module: #{$prefix}-table;
         }
     }
 
+    &-align-center {
+        .#{$module}-operate-wrapper {
+            justify-content: center;
+        }
+    }
+
+    &-align-right {
+        .#{$module}-operate-wrapper {
+            justify-content: flex-end;
+        }
+    }
+
     &-operate-wrapper {
         display: flex;
         justify-content: flex-start;

package/tabs/tabs.scss

@@ -4,6 +4,8 @@
 
 
 $module: #{$prefix}-tabs;
+// Prevent the Radio and Checkbox in ReactNode passed in through the tab attribute in Tabs from being affected by the icon style override
+$ignoreIcon: '.#{$prefix}-icon-checkbox_tick, .#{$prefix}-icon-radio, .#{$prefix}-icon-checkbox_indeterminate';
 
 .#{$module} {
     box-sizing: border-box;
@@ -41,7 +43,7 @@ $module: #{$prefix}-tabs;
 
             user-select: none;
 
-            .#{$prefix}-icon {
+            .#{$prefix}-icon:not(#{$ignoreIcon}) {
                 position: relative;
                 margin-right: $spacing-tabs_tab_icon-marginRight;
                 top: $spacing-tabs_tab_icon-top;
@@ -50,7 +52,7 @@ $module: #{$prefix}-tabs;
 
             }
 
-            .#{$prefix}-icon-close {
+            .#{$prefix}-icon.#{$module}-tab-icon-close {
                 margin-right: 0;
                 font-size: 14px;
                 color: var(--semi-color-text-2);
@@ -61,7 +63,7 @@ $module: #{$prefix}-tabs;
             &:hover {
                 color: $color-tabs_tab_line_default-text-hover;
 
-                .#{$prefix}-icon {
+                .#{$prefix}-icon:not(#{$ignoreIcon}) {
                     color: $color-tabs_tab-icon-hover;
                 }
             }
@@ -69,7 +71,7 @@ $module: #{$prefix}-tabs;
             &:active {
                 color: $color-tabs_tab_line_default-text-active;
 
-                .#{$prefix}-icon {
+                .#{$prefix}-icon:not(#{$ignoreIcon}) {
                     color: $color-tabs_tab-icon-active;
                 }
             }
@@ -84,16 +86,16 @@ $module: #{$prefix}-tabs;
                 font-weight: $font-tabs_tab_active-fontWeight;
                 color: $color-tabs_tab_line_selected-text-default;
 
-                .#{$prefix}-icon {
+                .#{$prefix}-icon:not(#{$ignoreIcon}) {
                     color: $color-tabs_tab_selected-icon-default;
                 }
 
-                .#{$prefix}-icon-close {
+                .#{$prefix}-icon.#{$module}-tab-icon-close {
                     color: var(--semi-color-text-2);
                 }
             }
 
-            .#{$prefix}-icon-close:hover {
+            .#{$prefix}-icon.#{$module}-tab-icon-close:hover {
                 color: var(--semi-color-text-1);
             }
         }
@@ -123,7 +125,7 @@ $module: #{$prefix}-tabs;
 
             user-select: none;
 
-            .#{$prefix}-icon {
+            .#{$prefix}-icon:not(#{$ignoreIcon}) {
                 position: relative;
                 margin-right: $spacing-tabs_tab_icon-marginRight;
                 top: $spacing-tabs_tab_icon-top;
@@ -132,7 +134,7 @@ $module: #{$prefix}-tabs;
 
             }
 
-            .#{$prefix}-icon-close {
+            .#{$prefix}-icon.#{$module}-tab-icon-close {
                 margin-right: 0;
                 font-size: 14px;
                 color: var(--semi-color-text-2);
@@ -143,7 +145,7 @@ $module: #{$prefix}-tabs;
             &:hover {
                 color: $color-tabs_tab_line_default-text-hover;
 
-                .#{$prefix}-icon {
+                .#{$prefix}-icon:not(#{$ignoreIcon}) {
                     color: $color-tabs_tab-icon-hover;
                 }
             }
@@ -151,7 +153,7 @@ $module: #{$prefix}-tabs;
             &:active {
                 color: $color-tabs_tab_line_default-text-active;
 
-                .#{$prefix}-icon {
+                .#{$prefix}-icon:not(#{$ignoreIcon}) {
                     color: $color-tabs_tab-icon-active;
                 }
             }
@@ -166,16 +168,16 @@ $module: #{$prefix}-tabs;
                 font-weight: $font-tabs_tab_active-fontWeight;
                 color: $color-tabs_tab_line_selected-text-default;
 
-                .#{$prefix}-icon {
+                .#{$prefix}-icon:not(#{$ignoreIcon}) {
                     color: $color-tabs_tab_selected-icon-default;
                 }
 
-                .#{$prefix}-icon-close {
+                .#{$prefix}-icon.#{$module}-tab-icon-close {
                     color: var(--semi-color-text-2);
                 }
             }
 
-            .#{$prefix}-icon-close:hover {
+            .#{$prefix}-icon.#{$module}-tab-icon-close:hover {
                 color: var(--semi-color-text-1);
             }
         }

package/timePicker/foundation.ts

@@ -84,10 +84,8 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         return hDis || mDis || sDis;
     }
 
-    isValidTimeZone(timeZone?: string | number) {
-        const _timeZone = timeZone === undefined ? this.getProp('timeZone') : timeZone;
-
-        return ['string', 'number'].includes(typeof _timeZone) && _timeZone !== '';
+    isValidTimeZone(timeZone: string | number) {
+        return ['string', 'number'].includes(typeof timeZone) && timeZone !== '';
     }
 
     getDefaultFormatIfNeed(): string {
@@ -121,7 +119,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
         (value as any[]).forEach(v => {
             const pv = parseToDate(v, formatToken, dateFnsLocale);
             if (!isNaN(pv.getTime())) {
-                parsedValues.push(this.isValidTimeZone() ? utcToZonedTime(pv, timeZone) : pv);
+                parsedValues.push(this.isValidTimeZone(timeZone) ? utcToZonedTime(pv, timeZone) : pv);
             }
         });
 
@@ -422,7 +420,7 @@ class TimePickerFoundation<P = Record<string, any>, S = Record<string, any>> ext
             _value = Array.isArray(_value) ? _value[0] : _value;
         }
 
-        if (this.isValidTimeZone() && _value) {
+        if (this.isValidTimeZone(timeZone) && _value) {
             const formatToken = this.getValidFormat();
             if (Array.isArray(_value)) {
                 _value = _value.map(v => zonedTimeToUtc(v, timeZone));

package/typography/constants.ts

@@ -5,6 +5,7 @@ const cssClasses = {
 };
 
 const strings = {
+    WEIGHT: ['light', 'regular', 'medium', 'semibold', 'bold', "default"],
     TYPE: ['primary', 'secondary', 'danger', 'warning', 'success', 'tertiary', 'quaternary'],
     SIZE: ['normal', 'small'],
     SPACING: ['normal', 'extended'],