welcome-ui 10.2.0 → 10.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -0
- package/dist/Icon.js +6 -4
- package/dist/Swiper.js +159 -128
- package/dist/Text.js +11 -10
- package/dist/theme.css +1 -1
- package/dist/types/components/Text/index.d.ts +2 -2
- package/dist/types/theme/generated/variables.d.ts +63 -32
- package/package.json +1 -1
|
@@ -5,8 +5,8 @@ export declare const themeVariables: {
|
|
|
5
5
|
readonly "--accordion-padding-gap-tags": "4px";
|
|
6
6
|
readonly "--accordion-padding-size-icon-lg": "16px";
|
|
7
7
|
readonly "--accordion-padding-size-icon-md": "16px";
|
|
8
|
-
readonly "--accordion-padding-size-max-height-lg": "
|
|
9
|
-
readonly "--accordion-padding-size-max-height-md": "
|
|
8
|
+
readonly "--accordion-padding-size-max-height-lg": "32px";
|
|
9
|
+
readonly "--accordion-padding-size-max-height-md": "24px";
|
|
10
10
|
readonly "--accordion-subtitle-color-text-default": "#212121";
|
|
11
11
|
readonly "--accordion-title-color-background": "rgba(255, 255, 255, 0)";
|
|
12
12
|
readonly "--accordion-title-color-icon-default": "#000000";
|
|
@@ -55,7 +55,7 @@ export declare const themeVariables: {
|
|
|
55
55
|
readonly "--alert-padding-inline-lg": "32px";
|
|
56
56
|
readonly "--alert-padding-inline-md": "16px";
|
|
57
57
|
readonly "--alert-size-icon": "24px";
|
|
58
|
-
readonly "--avatar-border-radius": "
|
|
58
|
+
readonly "--avatar-border-radius": "calc(infinity * 1px)";
|
|
59
59
|
readonly "--avatar-color-background-initials-blue": "#55c3e9";
|
|
60
60
|
readonly "--avatar-color-background-initials-green": "#bade94";
|
|
61
61
|
readonly "--avatar-color-background-initials-orange": "#ff9868";
|
|
@@ -76,7 +76,7 @@ export declare const themeVariables: {
|
|
|
76
76
|
readonly "--avatar-size-xs": "24px";
|
|
77
77
|
readonly "--badge-border-radius-lg": "8px";
|
|
78
78
|
readonly "--badge-border-radius-md": "4px";
|
|
79
|
-
readonly "--badge-border-radius-sm": "
|
|
79
|
+
readonly "--badge-border-radius-sm": "calc(infinity * 1px)";
|
|
80
80
|
readonly "--badge-color-background-blue": "#27a5d0";
|
|
81
81
|
readonly "--badge-color-background-brand": "#ffcd00";
|
|
82
82
|
readonly "--badge-color-background-neutral": "#000000";
|
|
@@ -278,9 +278,30 @@ export declare const themeVariables: {
|
|
|
278
278
|
readonly "--button-size-icon-lg": "24px";
|
|
279
279
|
readonly "--button-size-icon-md": "16px";
|
|
280
280
|
readonly "--button-size-icon-sm": "16px";
|
|
281
|
-
readonly "--button-size-max-height-lg": "
|
|
282
|
-
readonly "--button-size-max-height-md": "
|
|
283
|
-
readonly "--button-size-max-height-sm": "
|
|
281
|
+
readonly "--button-size-max-height-lg": "42px";
|
|
282
|
+
readonly "--button-size-max-height-md": "32px";
|
|
283
|
+
readonly "--button-size-max-height-sm": "24px";
|
|
284
|
+
readonly "--calendar-border-radius-cell": "8px";
|
|
285
|
+
readonly "--calendar-border-radius-container": "12px";
|
|
286
|
+
readonly "--calendar-border-width": "1px";
|
|
287
|
+
readonly "--calendar-cell-height": "32px";
|
|
288
|
+
readonly "--calendar-cell-width": "36px";
|
|
289
|
+
readonly "--calendar-color-background-default": "#ffffff";
|
|
290
|
+
readonly "--calendar-color-background-disabled": "#f3f3f3";
|
|
291
|
+
readonly "--calendar-color-background-hover": "#fbf9f7";
|
|
292
|
+
readonly "--calendar-color-background-range": "#fff1b2";
|
|
293
|
+
readonly "--calendar-color-background-selected": "#ffcd00";
|
|
294
|
+
readonly "--calendar-color-border-default": "#f6f3ef";
|
|
295
|
+
readonly "--calendar-color-dot-today": "#ffcd00";
|
|
296
|
+
readonly "--calendar-color-text-disabled": "#444444";
|
|
297
|
+
readonly "--calendar-color-text-primary": "#000000";
|
|
298
|
+
readonly "--calendar-color-text-secondary": "#585858";
|
|
299
|
+
readonly "--calendar-color-text-selected": "#000000";
|
|
300
|
+
readonly "--calendar-color-text-today": "#423500";
|
|
301
|
+
readonly "--calendar-gap-row": "0";
|
|
302
|
+
readonly "--calendar-gap-section": "8px";
|
|
303
|
+
readonly "--calendar-padding-container": "12px";
|
|
304
|
+
readonly "--calendar-weekday-cell-height": "28px";
|
|
284
305
|
readonly "--card-action-dismiss-icon-default": "#bdbdbd";
|
|
285
306
|
readonly "--card-action-dismiss-icon-hover": "#000000";
|
|
286
307
|
readonly "--card-action-dismiss-padding-block-start-lg": "16px";
|
|
@@ -473,6 +494,7 @@ export declare const themeVariables: {
|
|
|
473
494
|
readonly "--color-border-neutral-subtle": "#bdbdbd";
|
|
474
495
|
readonly "--color-border-neutral-subtlest": "#dedede";
|
|
475
496
|
readonly "--color-border-neutral-tertiary": "#444444";
|
|
497
|
+
readonly "--color-border-neutral-transparent-minimal": "rgba(0, 0, 0, 0.03)";
|
|
476
498
|
readonly "--color-border-success-minimal": "#e7fbd3";
|
|
477
499
|
readonly "--color-border-success-primary": "#bade94";
|
|
478
500
|
readonly "--color-border-success-secondary": "#cfebb0";
|
|
@@ -926,9 +948,9 @@ export declare const themeVariables: {
|
|
|
926
948
|
readonly "--input-color-text-disabled": "#605b55";
|
|
927
949
|
readonly "--input-color-text-placeholder": "#989898";
|
|
928
950
|
readonly "--input-gap-content": "8px";
|
|
929
|
-
readonly "--input-max-height-lg": "
|
|
930
|
-
readonly "--input-max-height-md": "
|
|
931
|
-
readonly "--input-max-height-sm": "
|
|
951
|
+
readonly "--input-max-height-lg": "42px";
|
|
952
|
+
readonly "--input-max-height-md": "32px";
|
|
953
|
+
readonly "--input-max-height-sm": "24px";
|
|
932
954
|
readonly "--input-padding-block-lg": "12px";
|
|
933
955
|
readonly "--input-padding-block-md": "8px";
|
|
934
956
|
readonly "--input-padding-block-sm": "4px";
|
|
@@ -1014,7 +1036,6 @@ export declare const themeVariables: {
|
|
|
1014
1036
|
readonly "--modal-size-width-lg": "800px";
|
|
1015
1037
|
readonly "--modal-size-width-md": "600px";
|
|
1016
1038
|
readonly "--modal-size-width-sm": "450px";
|
|
1017
|
-
readonly "--number": "8px";
|
|
1018
1039
|
readonly "--pagination-border-radius": "8px";
|
|
1019
1040
|
readonly "--pagination-border-width-checked": "2px";
|
|
1020
1041
|
readonly "--pagination-border-width-unchecked": "1px";
|
|
@@ -1076,14 +1097,7 @@ export declare const themeVariables: {
|
|
|
1076
1097
|
readonly "--pattern-grid-color-stroke-default": "rgba(0, 0, 0, 0.03)";
|
|
1077
1098
|
readonly "--pattern-grid-size": "16px";
|
|
1078
1099
|
readonly "--pattern-grid-stroke": "1px";
|
|
1079
|
-
readonly "--
|
|
1080
|
-
readonly "--progress-bar-color-text-value": "#000000";
|
|
1081
|
-
readonly "--progress-bar-loading-color-background-bar": "#fff1b2";
|
|
1082
|
-
readonly "--progress-bar-loading-color-background-progress": "#e5b800";
|
|
1083
|
-
readonly "--progressbar-gap": "48px";
|
|
1084
|
-
readonly "--progressbar1-color-background-bar": "#fff1b2";
|
|
1085
|
-
readonly "--progressbar1-color-background-progression": "#e5b800";
|
|
1086
|
-
readonly "--radio-border-radius": "9999px";
|
|
1100
|
+
readonly "--radio-border-radius": "calc(infinity * 1px)";
|
|
1087
1101
|
readonly "--radio-border-width-checked": "2px";
|
|
1088
1102
|
readonly "--radio-border-width-focused": "2px";
|
|
1089
1103
|
readonly "--radio-border-width-unchecked": "1px";
|
|
@@ -1098,7 +1112,7 @@ export declare const themeVariables: {
|
|
|
1098
1112
|
readonly "--radio-color-border-unchecked-default": "#dedede";
|
|
1099
1113
|
readonly "--radio-color-border-unchecked-disabled": "#d2cbc3";
|
|
1100
1114
|
readonly "--radio-color-border-unchecked-hover": "#bdbdbd";
|
|
1101
|
-
readonly "--radio-indicator-border-radius": "
|
|
1115
|
+
readonly "--radio-indicator-border-radius": "calc(infinity * 1px)";
|
|
1102
1116
|
readonly "--radio-indicator-color-background-default": "#ffcd00";
|
|
1103
1117
|
readonly "--radio-indicator-color-background-disabled": "#d2cbc3";
|
|
1104
1118
|
readonly "--radio-indicator-color-background-hover": "#ffe166";
|
|
@@ -1121,8 +1135,8 @@ export declare const themeVariables: {
|
|
|
1121
1135
|
readonly "--size-icon-sm": "0.75rem";
|
|
1122
1136
|
readonly "--size-icon-xl": "2rem";
|
|
1123
1137
|
readonly "--size-icon-xs": "0.5rem";
|
|
1124
|
-
readonly "--slider-border-radius-bar": "
|
|
1125
|
-
readonly "--slider-border-radius-thumb": "
|
|
1138
|
+
readonly "--slider-border-radius-bar": "calc(infinity * 1px)";
|
|
1139
|
+
readonly "--slider-border-radius-thumb": "calc(infinity * 1px)";
|
|
1126
1140
|
readonly "--slider-border-width-bar": "1px";
|
|
1127
1141
|
readonly "--slider-border-width-thumb": "2px";
|
|
1128
1142
|
readonly "--slider-color-background-fill-default": "#f6f3ef";
|
|
@@ -1134,6 +1148,7 @@ export declare const themeVariables: {
|
|
|
1134
1148
|
readonly "--slider-color-thumb-fill-disabled": "#eae4de";
|
|
1135
1149
|
readonly "--slider-color-thumb-fill-hover": "#fff1b2";
|
|
1136
1150
|
readonly "--slider-color-thumb-fill-pressed": "#ffcd00";
|
|
1151
|
+
readonly "--slider-indicator-border-radius": "calc(infinity * 1px)";
|
|
1137
1152
|
readonly "--spacing-12": "0.75rem";
|
|
1138
1153
|
readonly "--spacing-16": "1rem";
|
|
1139
1154
|
readonly "--spacing-192": "12rem";
|
|
@@ -1280,9 +1295,9 @@ export declare const themeVariables: {
|
|
|
1280
1295
|
readonly "--swiper-padding-block-md": "12px";
|
|
1281
1296
|
readonly "--swiper-padding-inline-lg": "16px";
|
|
1282
1297
|
readonly "--swiper-size-icon": "16px";
|
|
1283
|
-
readonly "--swiper-size-max-height": "
|
|
1284
|
-
readonly "--swiper-size-max-width": "
|
|
1285
|
-
readonly "--swiper-size-min-height": "
|
|
1298
|
+
readonly "--swiper-size-max-height": "42px";
|
|
1299
|
+
readonly "--swiper-size-max-width": "42px";
|
|
1300
|
+
readonly "--swiper-size-min-height": "42px";
|
|
1286
1301
|
readonly "--tab-border-radius": "8px";
|
|
1287
1302
|
readonly "--tab-border-width-checked": "2px";
|
|
1288
1303
|
readonly "--tab-border-width-unchecked": "1px";
|
|
@@ -1295,12 +1310,19 @@ export declare const themeVariables: {
|
|
|
1295
1310
|
readonly "--tab-color-border-checked-default": "#ffcd00";
|
|
1296
1311
|
readonly "--tab-color-border-checked-hover": "#e5b800";
|
|
1297
1312
|
readonly "--tab-color-border-checked-pressed": "#e5b800";
|
|
1313
|
+
readonly "--tab-color-border-dashed-default": "#eae4de";
|
|
1314
|
+
readonly "--tab-color-border-dashed-disabled": "#d2cbc3";
|
|
1315
|
+
readonly "--tab-color-border-dashed-hover": "#d2cbc3";
|
|
1316
|
+
readonly "--tab-color-border-dashed-pressed": "#d2cbc3";
|
|
1298
1317
|
readonly "--tab-color-border-unchecked-default": "#f6f3ef";
|
|
1299
1318
|
readonly "--tab-color-border-unchecked-hover": "#eae4de";
|
|
1300
1319
|
readonly "--tab-color-border-unchecked-pressed": "#eae4de";
|
|
1301
1320
|
readonly "--tab-color-text-checked-default": "#000000";
|
|
1302
1321
|
readonly "--tab-color-text-checked-hover": "#423500";
|
|
1303
1322
|
readonly "--tab-color-text-checked-pressed": "#423500";
|
|
1323
|
+
readonly "--tab-color-text-dashed-default": "#585858";
|
|
1324
|
+
readonly "--tab-color-text-dashed-hover": "#585858";
|
|
1325
|
+
readonly "--tab-color-text-dashed-pressed": "#585858";
|
|
1304
1326
|
readonly "--tab-color-text-unchecked-default": "#000000";
|
|
1305
1327
|
readonly "--tab-color-text-unchecked-hover": "#212121";
|
|
1306
1328
|
readonly "--tab-color-text-unchecked-pressed": "#000000";
|
|
@@ -1343,6 +1365,7 @@ export declare const themeVariables: {
|
|
|
1343
1365
|
readonly "--tag-border-radius": "8px";
|
|
1344
1366
|
readonly "--tag-border-width-ai": "1px";
|
|
1345
1367
|
readonly "--tag-border-width-default": "2px";
|
|
1368
|
+
readonly "--tag-border-width-root": "2px";
|
|
1346
1369
|
readonly "--tag-color-background-blue-ai-default": "#bbeaff";
|
|
1347
1370
|
readonly "--tag-color-background-blue-ai-disabled": "#e0f5ff";
|
|
1348
1371
|
readonly "--tag-color-background-blue-ai-hover": "#9bdef7";
|
|
@@ -1597,6 +1620,7 @@ export declare const themeVariables: {
|
|
|
1597
1620
|
readonly "--tag-color-text-violet-default": "#26194d";
|
|
1598
1621
|
readonly "--tag-color-text-violet-disabled": "#8068c6";
|
|
1599
1622
|
readonly "--tag-color-text-violet-hover": "#26194d";
|
|
1623
|
+
readonly "--tag-color-text-warm-dark-default": "#1e1c1a";
|
|
1600
1624
|
readonly "--tag-color-text-warm-default": "#1e1c1a";
|
|
1601
1625
|
readonly "--tag-color-text-warm-disabled": "#605b55";
|
|
1602
1626
|
readonly "--tag-color-text-warm-hover": "#1e1c1a";
|
|
@@ -1606,8 +1630,8 @@ export declare const themeVariables: {
|
|
|
1606
1630
|
readonly "--tag-padding-inline-lg": "12px";
|
|
1607
1631
|
readonly "--tag-padding-inline-md": "8px";
|
|
1608
1632
|
readonly "--tag-size-icon": "16px";
|
|
1609
|
-
readonly "--tag-size-max-height-lg": "
|
|
1610
|
-
readonly "--tag-size-max-height-md": "
|
|
1633
|
+
readonly "--tag-size-max-height-lg": "32px";
|
|
1634
|
+
readonly "--tag-size-max-height-md": "24px";
|
|
1611
1635
|
readonly "--thickness-0-5": "0.5px";
|
|
1612
1636
|
readonly "--thickness-1": "1px";
|
|
1613
1637
|
readonly "--thickness-2": "2px";
|
|
@@ -1645,7 +1669,7 @@ export declare const themeVariables: {
|
|
|
1645
1669
|
readonly "--toggle-thumb-size-lg": "20px";
|
|
1646
1670
|
readonly "--toggle-thumb-size-md": "16px";
|
|
1647
1671
|
readonly "--toggle-thumb-size-sm": "12px";
|
|
1648
|
-
readonly "--toggle-track-border-radius": "
|
|
1672
|
+
readonly "--toggle-track-border-radius": "calc(infinity * 1px)";
|
|
1649
1673
|
readonly "--toggle-track-border-width-focused": "2px";
|
|
1650
1674
|
readonly "--toggle-track-color-background-checked-default": "#ffcd00";
|
|
1651
1675
|
readonly "--toggle-track-color-background-checked-hover": "#ffe166";
|
|
@@ -1734,17 +1758,21 @@ export declare const themeVariables: {
|
|
|
1734
1758
|
readonly "--window-header-tab-color-text-active": "#423500";
|
|
1735
1759
|
readonly "--window-header-tab-color-text-default": "#444444";
|
|
1736
1760
|
readonly "--window-header-tab-color-text-hover": "#423500";
|
|
1737
|
-
readonly "--wysiwyg-
|
|
1761
|
+
readonly "--wysiwyg-border-width-divider": "1px";
|
|
1762
|
+
readonly "--wysiwyg-color-background-divider": "#f3f3f3";
|
|
1763
|
+
readonly "--wysiwyg-color-background-root": "#ffffff";
|
|
1738
1764
|
readonly "--wysiwyg-color-border": "#f3f3f3";
|
|
1739
1765
|
readonly "--wysiwyg-color-select-background-default": "#ffffff";
|
|
1740
1766
|
readonly "--wysiwyg-color-select-background-hover": "#ffffff";
|
|
1741
1767
|
readonly "--wysiwyg-color-select-background-pressed": "#f3f3f3";
|
|
1742
1768
|
readonly "--wysiwyg-color-select-background-selected": "#ffe166";
|
|
1743
|
-
readonly "--wysiwyg-color-select-border-default": "#
|
|
1744
|
-
readonly "--wysiwyg-color-select-border-hover": "#
|
|
1745
|
-
readonly "--wysiwyg-color-select-border-pressed": "#
|
|
1769
|
+
readonly "--wysiwyg-color-select-border-default": "#ffffff";
|
|
1770
|
+
readonly "--wysiwyg-color-select-border-hover": "#f3f3f3";
|
|
1771
|
+
readonly "--wysiwyg-color-select-border-pressed": "#f3f3f3";
|
|
1746
1772
|
readonly "--wysiwyg-color-select-border-selected": "#ffcd00";
|
|
1747
1773
|
readonly "--wysiwyg-color-select-icon-default": "#000000";
|
|
1774
|
+
readonly "--wysiwyg-gap-categories": "8px";
|
|
1775
|
+
readonly "--wysiwyg-gap-content": "12px";
|
|
1748
1776
|
readonly "--wysiwyg-main-border-radius": "4px";
|
|
1749
1777
|
readonly "--wysiwyg-main-border-stroke": "1px";
|
|
1750
1778
|
readonly "--wysiwyg-main-horizontal-gap-large": "8px";
|
|
@@ -1752,6 +1780,8 @@ export declare const themeVariables: {
|
|
|
1752
1780
|
readonly "--wysiwyg-main-horizontal-padding": "8px";
|
|
1753
1781
|
readonly "--wysiwyg-main-vertical-gap": "8px";
|
|
1754
1782
|
readonly "--wysiwyg-main-vertical-padding": "8px";
|
|
1783
|
+
readonly "--wysiwyg-padding-block": "8px";
|
|
1784
|
+
readonly "--wysiwyg-padding-inline": "12px";
|
|
1755
1785
|
readonly "--wysiwyg-select-border-radius": "8px";
|
|
1756
1786
|
readonly "--wysiwyg-select-border-stroke": "1px";
|
|
1757
1787
|
readonly "--wysiwyg-select-gap": "4px";
|
|
@@ -1761,6 +1791,7 @@ export declare const themeVariables: {
|
|
|
1761
1791
|
readonly "--wysiwyg-select-icon": "16px";
|
|
1762
1792
|
readonly "--wysiwyg-select-vertical-padding": "8px";
|
|
1763
1793
|
readonly "--wysiwyg-select-width-max": "32px";
|
|
1794
|
+
readonly "--wysiwyg-size-icon": "24px";
|
|
1764
1795
|
readonly "--*": "initial";
|
|
1765
1796
|
readonly "--spacing": "0.0625rem";
|
|
1766
1797
|
readonly "--spacing-0": "0";
|